Hunk

Avada图片问题大全

AVADA图片问题大全

图片是网站的一个重要组成部分,今天讲下Avada图片问题大全及相关solutions,使用其他主题的朋友也可以参考。

图片上传注意的地方

1.命名

英文网站最好用英文命名图片,图片是什么内容就命名什么,如果产品是LED bulb,那命名就是led bulb,如果有多张图片,就加数字,如led bulb 1,大小写没关系。

2.尺寸和大小

很多朋友从相机卡里面把图片拷出来就直接上传到网站,造成网站速度很慢,这是严重错误的做法。

正确的图片优化做法是

1)确定正确尺寸,先将大图片上传到需要的位置,然后在图片上面点右键-查看元素-把鼠标放在图片链接上面,就可以看到需要的正确尺寸是多少,如图所示,图片合适尺寸就能显示出来

前面的数字为实际正确的尺寸,括号后面的尺寸为原始尺寸。确定图片的正确尺寸后用PS将图片修改为正确的尺寸即可。

当然有些时候不能完全按这个原则来处理尺寸,因为图片还要考虑还要考虑手机端的显示,所以图片的尺寸不能太小,参考手机屏幕,一般建议480PX宽度的最小值,如果电脑上的尺寸过大就按上面的原则来处理,如果过小就必须修改成480PX宽度左右(不要简单的拉伸调大小,会变形和模糊的)

2)图片压缩,将修改后的图片上传到tinypng.com去压缩一下,再将压缩后的图片上传即可。

注:以上的方法对于一般的产品图片是没有任何问题的,但是有些对画质有高要求的产品的图片,像衣服类的,就可能不能压缩了,这样就只需要修改到正确的尺寸再上传,具体看情况决定。

AVADA常见图片问题大全

1.图片插入到页面中后变的图片模糊或图片显示不全

在media里面插入图片的时候,右下角有一个size选择,选择full size即可解决。

如果插入的是full size,前台还是图片显示模糊,那么可能需要升级了,一直升级avada主题到最新版本即可解决问题。 参考AVADA升级的方法

2.portfolio的featured image 缩略图图片变的很大很模糊或者变形了

在portfolio页面底下-fusion page options -portfolio 选项下面找到featured image width / height,在这两处要填上正确的尺寸,如500px / 500px, 不要填比例。当你在这里填了错误的图片尺寸的时候,在前面显示的图片就是变形的。

3.在PAGE的分类页面显示图缩略图片不完整 或 portfolio产品页面的related projects的图片显示不完整

有两种solutions, 如下

1)WP后台- AVADA -theme options顶部support center后面的框中输入 featured image size,在搜索结果中,将Portfolio Featured Image Size 和
Related Posts / Projects Image Size 都选择为AUTO即可显示完整,但是此方法只适用于所有的产品图片都尺寸相同的情况。一旦你的产品图片不一致或标题长度不一致,那调成auto之后,虽然能完整显示图片,但是图片排列会显示错乱不对齐,而且会影响此分类页面的加载速度。

2)只需要修改产品页面第一张featured image,如图所示,保持尺寸不变的情况下,将产品缩小,即将下图红圈空白的地方多留一些,然后再上传,这样系统在截取图片的时候就不会切到产品部分,这样显示出来的图片就是完整的了。

4.AVADA产品分类页面里面的产品图片和文字都不显示

一般是由于新版的WP和旧版AVADA不兼容导致,只需要将AVADA升级到4.0及以上即可解决,参考AVADA主题升级的方法

未完待续,如还有其他的图片问题请在下面留言。

退出移动版