创客教育 > 资讯 > 所有案例 > 如何使你发布的作品图在网页上更好看
如何使你发布的作品图在网页上更好看

有不少同学苦恼于:辛辛苦苦做出来的作品,上传到网站审核发布,发现缩略图变形了。一会儿宽宽胖胖,一会儿瘦瘦窄窄。导致好好的作品失分不少。


我一开始也犯过同样的错误,为此把发布图片的标准分享给大家。


首先我是直接从网页上截图


然后从中裁剪出缩略图



从图像大小中可以看到,缩略图的尺寸是,宽度:254,高度:162

截图3.jpg


其实至此,已经有结论了。

但为了保险起见,我打开网页源代码:




找到和缩略图相关的代码:



发现和截图的结论相同:宽高为:254*162



当然,这并不是说我们上传的图都必须为254*162尺寸,只要宽高比相同就行。

所以,回到photoshop,将图像大小修改一下就可以发现,宽高比大致为:16比10。

截图7.jpg



希望大家能发表更多好作品,也欢迎大家常到我这里逛逛。

本文内容仅代表作者本人观点,与i3DOne社区无关。

作者简介

无锡市河埒中学信息技术负责人、创客社团带头人(3D、编程、机器人、动画)。3D创意设计省一等奖指导教师。师者,传道授业解惑。希望以个人微薄之力,点燃莘莘学子心中创造之火!
文章介绍
  • 有不少同学苦恼于:辛辛苦苦做出来的作品,上传到网站审核发布,发现缩略图变形了。一会儿宽宽胖胖,一会儿瘦瘦窄窄。导致好好的作品失分不少。我一开始也犯过同样的错误,为此把发布图片的标准分享给大家。首先我是直接从网页上截图然后从中裁剪出缩略图从图像大小中可以看到,缩略图的尺寸是,宽度:254,高度:162其实至此,已经有结论了。但为了保险起见,我打开网页源代码:找到和缩略图相关的代码:发现和截图的结论相同:宽...
  • 浏览次数:
  • 更新时间:2017-04-28
扫码分享给朋友

更多分享:

相关推荐