怎么让传到网页上的图清晰，文件又比较小？
您的位置： >>
>> 话题内容
您是第 6625 位浏览者 / 有 12 条回复
7年前 发表1F
请各位网页制作的大师，帮帮忙，我是学平面设计的~终于开始实习了~~~公司给我的任务是配合一个做网页的人，我做美工，，但是呢~我弄出来的图~说太大了，大图100K左右的样子，小图30K左右，，让我改小，我就不会了~~在导出或者是保存的时候，如果把图片品质换成小，或者中，文件倒是小了~但是图片的精度就很差了。。。真是惆怅啊~所以啊~想请问各位，有没有什么两全其美的方法啊？图片比较清晰，文件又小，，:?&谢谢了啊
7年前 发表2F
如果你用的是Adobe软件做的设计，那在保存图片时，存储为Web格式（Ctrl+Alt+Shift+S）。然后选择合适的格式来保存：对于颜色不太复杂，或者有大片同色背景，或者矢量绘制的图片，一般选用gif格式，你可以自由选择所需使用的颜色数（从128仿色~Web调板）。对于颜色丰富，尤其是相片、位图人像之类的，保存成jpg格式，其实一般独立的小图选质量为中就好了。其实除了预设的低中高三档，直接调节旁边的“品质”一栏中的数值，可以自己掌握图片压缩品质。png格式一般少用，因为这个格式会比较大一些，而且IE6的支持不好。只有在对渐变透明要求很高的时候再使用吧。
7年前 发表3F
JPEG格式的图片的话，直接用系统自带的“画图”软件找开，不做任何的操作，直接点一下“文件”、“保存”，再看一下文件大小，你会发现，文件就变成了原来文件大小的三分之一左右，对于一般的数码相机拍了的相片直接这样处理后就会变得小很多，不信你试试，具体是什么原理我也说不清楚，估计是软件的数法不一样！
7年前 发表4F
文件质量35-50都还可以的。
7年前 发表5F
好详细~~谢谢谢谢~~我来试试~~嗷嗷~吼吼~~
7年前 发表6F
我把你说的存成WEB的格式里面的都试了下~发现GIF格式的最好用~~吼吼~~~真是太感谢了啊~~:P&;P&:)&:D
7年前 发表7F
这也是个好方法~~对于JPG的格式太好用了~~~谢谢啊~~:)&:P&;P&都是好人些啊~~~
7年前 发表8F
图片的文件大小跟图片颜色和图片尺寸有关，
7年前 发表9F
建议楼主去用ADOBE的ps全部存成gif的&即使有渐变的图片也没事，如果太复杂了&就用jpg&我做过很多项目了，都是这样的&有时候一个大型网站全站还不到1M&~:B&补充：&不要为了省事，就切很大的图片，少用图片，多写代码，一行代码才多少字节呀，:Q&把大图片化小，小的化了~懂了？[&本帖最后由&korea&于&&17:12&编辑&]
7年前 发表10F
也得看是什么图，如果是简单的logo或者别的，就用gif格式。如果是复杂的，就用jpeg。还有，如果背景要透明，甚至要调整透明度，就选png吧！
7年前 发表11F
换高性能服务器。;P
3年前 发表12F
引用了 oyfl 发表的内容：
如果你用的是Adobe软件做的设计，那在保存图片时，存储为Web格式（Ctrl+Alt+Shift+S）。然后选择合适的格式来保存：对于颜色不太复杂，或者有大片同色背景，或者矢量绘制的图片，一般选用gif格式，你可以自由选择所需使用的颜色数（从128仿色~Web调板）。对于颜色丰富，尤其是相片、位图人像之类的，保存成jpg格式，其实一般独立的小图选质量为中就好了。其实除了预设的低中高三档，直接调节
站酷讨论组
你未加入讨论组，无法在本组发言！
简介：网站前台技术相关的讨论、交流……HTML、XHTML、CSS、XML、JavaScript……
============================================
◆ 拒绝无意义的话题及回复。
◆ 拒绝成品设计求助（如作图、改图等）。
◆ 拒绝任何形式的硬软广告。
◆ 企业招聘及项目合作，请发布至论坛相关版块。
============================================
我们都是各个行业的设计师，为了更好的交流设计、分享快乐而聚在一起。因此也请大家配合我们，共同维护良好的交流环境。：）西瓜扁又小的推荐 | LOFTER（乐乎） - 记录生活，发现同好
LOFTER for ipad ---- 记录生活，发现同好
西瓜扁又小 的推荐
  被喜欢
  被喜欢
{list posts as post}
{if post.type==1 || post.type == 5}
{if !!post.title}${post.title|escape}{/if}
{if !!post.digest}${post.digest}{/if}
{if post.type==2}
{if post.type == 3}
{if !!post.image}
{if post.type == 4}
{if !!post.image}
{if !!photo.labels && photo.labels.length>0}
{var wrapwidth = photo.ow < 500?photo.ow:500}
{list photo.labels as labs}
{var lbtxtwidth = Math.floor(wrapwidth*(labs.ort==1?labs.x:(100-labs.x))/100)-62}
{if lbtxtwidth>12}
{if !!labs.icon}
{list photos as photo}
{if photo_index==0}{break}{/if}
品牌${make||'-'}
型号${model||'-'}
焦距${focalLength||'-'}
光圈${apertureValue||'-'}
快门速度${exposureTime||'-'}
ISO${isoSpeedRatings||'-'}
曝光补偿${exposureBiasValue||'-'}
镜头${lens||'-'}
{if data.msgRank == 1}{/if}
{if data.askSetting == 1}{/if}
{if defined('posts')&&posts.length>0}
{list posts as post}
{if post_index < 3}
{if post.type == 1 || post.type == 5}
{if !!post.title}${post.title|escape}{/if}
{if !!post.digest}${post.digest}{/if}
{if post.type == 2}
{if post.type == 3}
{if post.type == 4}
{if post.type == 6}
{if drlist.length>0}
更多相似达人：
{list drlist as dr}{if drlist.length === 3 && dr_index === 0}、{/if}{if drlist.length === 3 && dr_index === 1}、{/if}{if drlist.length === 2 && dr_index === 0}、{/if}{/list}
暂无相似达人，
{if defined('posts')&&posts.length>0}
{list posts as post}
{if post.type == 2}
{if post.type == 3}
{if post.type == 4}
{if post.type == 6}
this.p={ dwrMethod:'querySharePosts', fpost:'24f728_97d7686',userId:3100184,blogListLength:11};