为网站存储图片的最佳方式是什么？ 我不应该超过什么尺寸？
现在，我保存png中的所有接口文件（主要是sprite）和jpg中的常用图像。一些图像大约是100-150Kb。
保存图像时我应该选择什么质量和压缩？
答案 0 :(得分：7)
准备图片
准备要展示的图像 在网上，请按照以下步骤操作：
- 开始一个新文件。如果是照片或原创作品，请使用300 dpi 决议。如果你正在创造 简单的事情，设置分辨率 到72 dpi。
- 使用图形中提供的绘图，文本，形状和其他工具 程序来创建你的形象。
- 以原生文件格式保存文件（用于编辑的文件类型） 这是特定于图像编辑的 程序）你正在使用的程序。 例如，一个Photoshop文档 创建扩展名为“.psd”的文件。 如果您需要进行更改或编辑 以后，在这个文件中而不是 在网上。
- 如有必要，请将图像的分辨率降低到72 dpi。
- 如有必要，请将图像调整为高度和宽度（以像素为单位） 所需的规格。
- 将文件保存为Web就绪文件格式，通常是GIF（大多数程序） 给你几个文件选择 类型），找到平衡 文件看起来和适当的方式 文件大小。一些图像程序会 让你预览最终的文件输出， 在其他人中，你必须保存它 并将其加载到浏览器中以查看 最终效果。
准备照片
准备照片 网络上的演示文稿，请遵循这些 步骤进行：
- 从您的数字下载照片 相机或扫描照片。该 这个过程取决于 与扫描仪捆绑在一起的软件 或相机。图像可能会结束 在Windows上的“你的照片”或者 Mac上的“照片”文件夹，除非你 选择其他一些文件夹作为默认值 目的地。
- 使用提供的颜色校正，绘图，文本，形状和其他工具 在图形程序中改变和 改善你的形象。
- 以您的程序的本机文件格式保存文件的副本 正在使用。稍后进行更改或编辑 在这个文件而不是在网络上。 使用照片，保存未触动过的 如果你想要的话，照片的版本 再次将它用于其他目的。
- 如有必要，请将图像的分辨率降低到72dpi。
- 如有必要，请将图像调整为高度和宽度（以像素为单位） 所需的规格。
- 将文件保存为网络就绪格式，通常是JPEG，找到 平衡文件的方式 和适当的文件大小。
让网络就绪的图像就是这样 妥协。一般来说，越多越好 你的图像看起来，文件越大 大小将是。文件越大 尺寸，需要的时间越长 下载。你的工作是找到一个 质量和文件之间的妥协 尺寸。需要考虑的一些事项是：
- 这张图片是否传达了重要信息？如果是这样，那就去吧 质量。
- 页面上的图片是否包含很多其他图片？如果是，请创建文件 尺寸更小。
- 您的网络访问者是否能够检测到照片的质量或 图像不是很好吗？
- 因为视力敏锐而使人的图像质量相当高 人脸最强烈。
（Source）
答案 1 :(得分：2)
对于您的图片，这是一个提示：
不要在HTML中缩放图像
网页设计师有时会设置图片 通过使用宽度和尺寸 HTML图像的高度属性 元件。避免这样做，因为它可以 导致图像大于 需要。例如，如果您的页面 需要图像myimg.jpg 尺寸240x720但显示它 尺寸为120x360使用 宽度和高度属性，然后 浏览器将下载图像 大于必要的。
答案 2 :(得分：1)
这完全取决于图像的用途。如果您通常坚持使用网页安全调色板，那么GIF会比jpeg更小更清晰。 Jpeg是照片。要使jpeg能够很好地处理网页安全色，您需要以88％+的质量保存，这会增加文件大小。 Png通常具有最好的质量，在某些情况下（当你不需要透明度时）可以比jpgs小，并且与gif相当。因此，对于jpeg照片，80质量（有时甚至75小图像）将获得不错的结果和小文件大小。通常使用gifs / png进行站点图像。对于页面上的图像，我尽量不要超过30kb，假设页面不是专注于照片/图像的东西。希望这可以帮助。
答案 3 :(得分：1)
这取决于您的图像是什么，以及质量需要什么，无论您选择质量而不是页面加载等。
我个人在.png中保存我的所有内容，但IE在.png中正确渲染颜色时出现问题，所以如果您将它们用于出于美学目的，我会保存.jpg
关于图像的大小，如上所述，它实际上取决于您希望图像的质量以及如果它是一个大文件，它会如何影响性能。
答案 4 :(得分：1)
我通常使用保存为photoshop中存在的网络模式。显然，较小的尺寸是最好的。你所谈论的尺寸（100-150）与图像的尺寸有关或不好。无论如何，我建议你使用精灵，并在可能的情况下使用jpeg格式。
75-80％质量的东西对于高质量的图像是好的
请注意cmyk模式，这会导致某些浏览器出现问题