调整图像大小而不损失不同屏幕尺寸的质量。最好的方法是啥?

Posted

技术标签:

【中文标题】调整图像大小而不损失不同屏幕尺寸的质量。最好的方法是啥?【英文标题】:Resizing an image without loss of quality for different screen sizes. What is the best way to go about it?调整图像大小而不损失不同屏幕尺寸的质量。最好的方法是什么? 【发布时间】:2015-01-09 11:31:20 【问题描述】:

所以我目前正在为我的应用程序设计一些图像(社交贴纸 Facebook 风格/线条)我不太确定图像应该是什么分辨率。 iPhone 5s 是 320*568 pts,所以一个完美的正方形平移屏幕的宽度是 320*320 点,因为 5s 是视网膜,所以是 640*640 像素。那是对的吗?对于跨越宽度的像素完美图像,它将是 640*640 像素?

我看到 iPhone 6 plus 是 414*736 pts 放大 *3 所以它是 1242*2208,那么一个像素完美的正方形跨越 iPhone 6 plus 的宽度是 1242*1242 像素吗?

如果我让我的图形艺术家在 1242*1242 的画布上绘画,我会在 iPhone 6 和 iPhone 6 plus 上按比例缩小画质吗?

不太清楚该怎么做。只是想确保我的方形画布在不损失 6+,6 和 5 之间的质量的情况下重新缩放。任何帮助将不胜感激。谢谢!

【问题讨论】:

为什么是 320*3 而不是 414*3? paintcodeapp.com/news/iphone-6-screens-demystified 你说得对,我以为宽度是 320,而不是 414 【参考方案1】:

当您从较高像素重新缩放到较低像素时,它永远不会失去任何质量,所以在您的情况下,是的,您必须向您的设计师询问 iPhone 6+ 尺寸的图像,您可以根据需要重新缩放,您不会丢失任何质量都是肯定的。

width for the iPhone 6 plus be 1242*1242 pixels?

是的,你是对的,iPhone 6+ 需要 1242 x 1242。

【讨论】:

那么,如果你缩小 UIImageView 它不会降低质量吗?如果您要在 Photoshop 中缩小 png,它会降低质量,对吧? 不,您应该使用 Photoshop 或 Preview (Mac) 缩小比例,您不会损失任何质量。 另外你应该为你的图片使用正确的命名约定,比如@2x,@3x 感谢您的视频,现在清楚了。如果我想在应用程序中缩小图像怎么办,比如说缩略图。可以在 Xcode 中调整大小,让 UIImageView 完成工作还是在 Photoshop 中调整大小更好? 不应该永远不要让 xcode(UIImageView) 让它变小,实际上它永远不会缩放它,它只是在小的 UIImageView 中适合更大的版本,这对内存消耗一点都不好。最佳做法是为所有 iPhone 提供单独的图像。【参考方案2】:

如果您要制作通用应用程序,则需要 iPad 和 iPhone 的每个图像的 Retina 和 Unretina 版本。也就是说,四个不同的图像:

对于每件艺术品,您会生成四个精灵。

iPhone Unretina: image.png
iPhone Retina: image@2x.png
iPad Unretina: image-iPad.png
iPad Retina: image-iPad@2x.png

Except for backgrounds, make iPhone Retina art the same size as the iPad Unretina art.

本文摘录:http://www.gameartguppy.com/how-to-size-game-art/

【讨论】:

我说 6 plus 正方形的分辨率是 1242*1242 对吗?

以上是关于调整图像大小而不损失不同屏幕尺寸的质量。最好的方法是啥?的主要内容,如果未能解决你的问题,请参考以下文章

在 python 中放大 SVG 图像而不损失其质量

python如何在不损失质量的情况下调整(缩小)图像的大小

在 PictureBox Form C# 中调整大小时丢失图像质量

如何让图像响应屏幕尺寸但不逐渐缩小?

如何调整html中的图像大小以适应屏幕尺寸?

在不损失质量的情况下调整图像大小