问题:小屏幕上的大图像
图片无疑是网站的重要组成部分。他们吸引注意力,激发行动号召并帮助讲述您的故事或出售您的产品。因此,您自然希望它们在所有设备上都具有最大的影响力。但是,在您甚至开始选择将在整个网站上使用的“英雄图像”之前,至关重要的是要了解在将网站设计缩小到较小的屏幕尺寸后,如何影响图像的内容,大小和布局。
在整个网站建设项目中,
南京网站建设我们从客户那里收到的最常见的查询之一是关于为什么他们的图像以及在较小的屏幕上如何以不同的方式出现。
要获得大图像的完整效果,您必须在超过800像素的屏幕上查看图像,这意味着您可能会选择桌面设计为主的关键网站图像。
但是,有一个原因是,在网站设计方面,代理商越来越多地采用“移动优先”协议,那就是大图像并不总是能很好地转换为较小的屏幕。放大大图像可能会导致裁剪不当,甚至可能意味着某些图像全部失去其意义。
您的图像究竟发生了什么?
根据图像的内容,当图像按比例缩小时,南京网站建设认为可能会发生几种情况,从而导致图像的影响与预期的完全不同。
示例1:不裁剪就缩放
通常的感觉是,桌面上的大型水平,横向样式横幅不会以相同的方式出现在垂直纵向样式的移动屏幕上。缩小以适合小屏幕的同一图像可能仍然可见,但是很可能会丢失很多清晰度,并且很可能会失去所需的视觉效果。
示例2:通过裁剪进行缩放裁剪
图像以适合较小的屏幕,但是这样做会丢失一部分图像,并且该图像不再具有与页面上其余内容相关的上下文。
示例3:文本的可读性
文本通常会覆盖或嵌入网站上的“英雄图像”中。当您在小屏幕上查看这些图像时,这可能会导致多个问题。嵌入文字后,文字会与图像的其余部分缩小并变得难以辨认。
如果文本已覆盖,则由于将文本调整为适合屏幕大小,使用的文本的大小和颜色可能导致文本难以阅读且图像难以看清。
有什么解决方案?
1.删除图像
在某些情况下,您可能需要接受一个能在大屏幕上使用的图像,只是无法以您想要的方式在所有屏幕尺寸上都能很好地进行转换。在这种情况下,您可能会决定换成其他图像,或者根据图像的用途,可能决定将其全部删除。
’无论如何,最好不要在网站上放置过多的图像,因为图像可能会占用很大的空间移动设备上的空间量。图像应仅限于那些增加真实价值的图像,以避免过度滚动并创造最佳的用户体验。
如果出现以下情况,请考虑删除图像:
–较小的尺寸时清晰度较差
–裁剪后图像的含义会丢失
–导致不必要的滚动量
–它不会为页面内容添加内在价值或上下文
2.调整图像大小
您可能需要以特殊方式裁剪大图像以适合较小的屏幕,并且可能需要进行一些实验才能找到调整大小和裁剪的最佳组合,以创建最合适的图像。可用的屏幕空间。重要的是要意识到,在此过程中某些方面将有必要做出一些折衷,以便创建可能的最佳图像。
3.编辑或移动文本
图像的裁剪,调整文本大小和改组文本共同创建了可在较小屏幕上使用的设计。几乎可以肯定,您将不得不对与图像关联的文本进行一些调整。例如,文本可能会显示在大屏幕上图像的辅助区域中,但是可能需要在较小的屏幕尺寸上裁剪出该区域。因此,将需要将文本移动到其他位置,或者可能需要向下编辑以适合文本。
南京网站建设最后结论……
简而言之,总是需要对图像及其随附的文本进行一些裁剪,调整大小和编辑操作,并且在某些方面可能需要妥协才能为较小的屏幕创造良好的用户体验。
在查看图像时,请问自己一个关键问题:您的图像是否能为您的网站增值,并且对用户有意义?如果不是,请删除该图像;如果是,请以允许其保留含义和价值的方式仔细编辑该图像,并意识到可能需要妥协。
本文地址:
http://www.njanyou.cn/web/2935.html
Tag:
专业服务:
南京网站制作,
南京网站制作公司,
南京网站建设公司
联系电话:025-65016872
上一篇:
南京网站建设:使网站SEO友好的4条建议
下一篇:
南京网站制作详细阐述网站被攻击了怎么办?