使用 css 或 photoshop 调整徽标大小更好吗？

Question

我想知道如果我使用 CSS 调整徽标或任何图像的大小是否被认为是不好的做法，或者我应该在将其放在网站上之前使用图像处理程序进行调整？

Answer 1

如果可能，我建议您使用 webp 或 svg。否则，文件越轻，加载速度越快，这将影响网站性能，从而影响您的速度得分，这将影响您的 google 定位。 （查看https://developers.google.com/speed/pagespeed/insights/了解更多信息） 因此，简而言之：您应该使用 photoshop 调整大小，然后使用 css 调整大小以使其适应屏幕 编辑：在不降低 4k 质量的情况下使用尽可能小的尺寸并使用 svg 调整大小。

Answer 2

如果您使用.png或.jpg格式，尺寸最好按网页显示的两倍，例如：网页上显示的标志是200x60px，然后在Photoshop上将标志调整为400x120px，然后另存为.png或.jpg。您这样做是为了在视网膜屏幕上清晰和清晰地显示徽标。

正如@LiLPandemio 所说，更好的选择是使用 .svg 格式，这是矢量格式，现代浏览器支持，像素独立，透明支持，您无需担心大小。