网志好读版: http://weilife.pixnet.net/blog/post/390614531 以下纯文字复制------------------------------------------------------- 不是痞客VIP的朋友，上传图片时痞客会自动帮你的图片降低解析度 若想要以原图呈现该怎麽做？ 又或是以照片为主的痞客VIP部落格，文章中放了许多照片拖慢了网页下载速度 非常恼怒啊！ 这篇文章是要告诉大家，在痞客上传的图片，我们可以做哪些事情 上传图片时，会有显示尺寸这个选项 VIP会员与非VIP会员的差别在於多了最後的 "原始尺寸" 这项 不过多了这项根本没有用，请让我娓娓道来 总之"显示尺寸"这个目的在於想让访客看到图片的大小是多少 同一张照片上传到痞客相簿後，有不同的尺寸可以选择，更有VIP会员拥有的原始尺寸权 利 以本篇文章的首图来说，原始尺寸为1500*1000 上传图片时选择的显示尺寸为"中(不超过600)" 所以插入文章时，图片宽度变成600 pixel，此时将文章编辑模式切换成HTML模式 检查该图片的网址: http://pic.pimg.tw/weilife/1410698597-2635055827_n.jpg (若後面有?v...请忽略) 档名最後的 _n 是关键，把 _n 去掉了会怎样呢？会是原始尺寸的图档喔！ 对於像banner的图档很容易超过宽度1024，可用这个方法得到原始大小 其实痞客将我们上传的每一张照片经过处理，分别存成不同的尺寸，以供它之後方便使用 例如上方的三张图，都是同一次上传的照片，只是後方的网址做了些修改 那这些不同尺寸的照片有甚麽好处呢？ 正方形的缩图之後可以当作文章的代表图示，像我个人会拿来做相关文章的整理 范例如该篇文章的最下方 http://weilife.pixnet.net/blog/post/85766404 另一优点是依据用途载入不同尺寸的图片，可以减少网页的下载流量，让访客浏览更顺畅 好，说了这麽多，以下整理各个不同尺寸的修改方式，以首图做例子 原始尺寸 http://pic.pimg.tw/weilife/1410698597-2635055827.jpg 大 1024 "_l" http://pic.pimg.tw/weilife/1410698597-2635055827_l.jpg 中 600 "_n" http://pic.pimg.tw/weilife/1410698597-2635055827_n.jpg 小 450 "_m" http://pic.pimg.tw/weilife/1410698597-2635055827_m.jpg 大缩图 170*170 "_q" http://pic.pimg.tw/weilife/1410698597-2635055827_q.jpg 中缩图 120*120 "_s" http://pic.pimg.tw/weilife/1410698597-2635055827_s.jpg 小缩图 90*90 "_t" http://pic.pimg.tw/weilife/1410698597-2635055827_t.jpg 图文部落格该知道的事 很多摄影为主的VIP部落格，通常为了展示高画质的照片 上传照片时会选择 "原始尺寸" 上传 因为部落格版面 / 设定会帮照片缩小至适合部落格宽度 所以在浏览文章时看起来没有甚麽太大的问题 但是，这个缩小的动作并不是像痞客对图片的处理，而是显示时看起来较小 对访客来说还是下载原始尺寸的图片，原始尺寸档案都非常大 访客通常会花一段时间等待常常看到一些摄影部落格是以照片的原始尺寸显示 每张都是4000*3000左右的尺寸或以上，看到电脑都要当掉了 (快检查一下你的部落格是否造成访客的负担呢？) 所以写部落格时，切记要选择适合的显示尺寸上传啊！ 不过痞客的上传图片的宽度最大就是1024，会觉得1024小了一些吗？ 若宽度1024不够表达图片的细节 那麽建议将所有上传的照片都先压缩到宽度2000以下再上传 不仅可以节省上传时间，对访客来说也是一个很大的帮助 :) ps. 免费软体XnView可以批次将照片调整大小，非常方便 --

※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 140.96.76.60 ※ 文章网址: http://webptt.com/cn.aspx?n=bbs/Blog/M.1410775173.A.999.html