很多公司网站的Logo要么被拉得变形,要么小得看不清,要么模糊得像打了马赛克。其实Logo放网站是有规范的,导出时按这几个尺寸走就不会错。
Logo图片的格式
优先用PNG(透明背景)或SVG(矢量,无限放大不糊)。不要用JPG,JPG不支持透明背景,放到深色Banner上会有一块白。
尺寸要做多大
网页Logo高度一般60到80像素,宽度按比例。但导出时建议做大两倍(比如高120到160像素),Retina屏幕上才清晰。文件大小压到100KB以内。
放在哪
网站左上角是标准位置,客户一眼就看到。不要放中间,不要放得比Banner还大。手机端Logo要小一号,否则占满屏幕。
深色背景怎么办
如果你网站顶部是深色Banner,准备一个白色反白版Logo。不要把彩色Logo硬塞进深色背景,看不清。
favicon也要做
浏览器标签页上那个小图标叫favicon,做一个16x16或32x32像素的Logo版本。免费CMS后台一般有上传位置。这是细节,但客户书签里看到你的小Logo,专业感立刻上来。
Logo是公司的脸。别让模糊的小图拖低整个网站的档次。


