您的网站图片准备好迎接 iPhone X 的刘海了吗

mukti574

苹果在 iPhone 10 周年纪念活动上发布了 和 iPhone X，引起了巨大反响。

iPhone X（发音为“iPhone 10”）拥有英寸超级视网膜屏幕，在苹果众多产品中脱颖而出，赋予该机“全屏”的口号。分辨率为 2436 x 1125，是迄今为止分辨率最高的 iPhone。

自消息发布以来，设计师和原型师显然一直在全力打造产品和设计，以匹配即将推出的 iPhone X。

那个缺口复制此标题的链接
这可以说是 iPhone X 的迷人功能之一！（还有上面那张精彩的肖像）。缺口位于顶部。大胆、优雅、流畅，仍然令人着迷，尽管下面肖像中的那个人看起来并不那么兴奋。

我们必须找到一种让他高 西班牙消费者手机号码列表 兴的方法，如何让凹口变得非常漂亮并且对我们的图像有用。让我们使用 Cloudinary 图像转换工具来完成此操作。

iPhone X 屏幕的独特之处在于，容纳摄像头和其他传感器的黑暗空间（凹口）实际上是硬玻璃屏幕的一部分，显示的内容围绕该凹口流动。这是在适合全屏iPhone的产品UI/UX设计中需要考虑的一个非常重要的方面。在本文中，我们将讨论一种修复图像的方法，并测试它在 iPhone X 上的显示效果。



您如何使用该屏幕？复制此标题的链接
图像管理和转换可以使用 Cloudinary 即时完成。当我说即时时， 这意味着图像是使用其 URL 的动态传递进行转换的！

Cloudinary 还为移动设计提供移动优先的图像优化，最好的部分是它易于使用。这些图像缓存在 CDN 上，并可根据请求立即可用。

本文将使用 Cloudinary 的图像管理和转换服务来模拟图像如何适合 iPhone X 屏幕。有了这个，您可以测试您的图像和产品，看看它们在这种新型 screenX 上的适合程度。在开始之前，让我们看一下我们将要转换的示例图像。

图像处理

变换图像复制此标题的链接
要执行此测试，您需要凹口图像。iphone_x_notch 覆盖

接下来，上传要转换的图像。在我们的例子中，我们上传了上面显示的头顶游泳池图像。

现在我们需要应用转换。Cloudinary 中的图像采用以下形式：

因为了调整游泳池图像，我们使用下面的 URL，并处理该提供了大量图像 URL 转换参数，可以在此处找到。对于此测试，我们将使用相当多的参数。