Hostinger AI Builder 手动模式下响应式设计与图片尺寸设置详解

了解 Hostinger AI Builder 手动模式下响应式网页设计和图片尺寸的工作原理，以便你选择在所有设备上都能清晰显示并快速加载的视觉素材。

响应式设计如何处理图片

Hostinger AI Builder 提供的所有网站模板均遵循响应式网页设计，以确保在所有设备上获得最佳用户体验。响应式网页设计意味着你的网站内容（包括图片和视频）会根据网站访客设备的属性（屏幕尺寸、分辨率等）自动调整——轻微拉伸或缩小。

换言之，响应式网页设计会根据访问设备的不同，动态改变网站的外观。请放心，你网站上的每个元素在每位用户眼中都会呈现良好效果！

有关这在较小屏幕上的具体表现，请参阅如何编辑网站的移动版本。

这意味着图片尺寸没有万能的完美标准。尽管图片元素和分区背景图片都不存在最优尺寸，但你可以在构建器中按自己的需求手动**调整图片元素和分区的大小**。

如果你尚未在网站中添加图片，请先参阅如何添加图片。

支持的图片文件大小上限为 15 MB
推荐的图片文件格式为 .webp，但构建器也支持其他多种格式（.heic 除外）
- 一些 SEO 审计工具会检查图片文件格式，并标记 .png 或 .jpg 图片，因为它们期望使用 .webp 或 .avif 等现代格式
构建器不会更改/转换图片格式，但会压缩图片，例如这张**原始图片和这张压缩后图片**；压缩后的图片质量和尺寸有所降低，但另一方面，压缩图片仅为 5 kB，而原始图片为 64 kB，这能提升页面加载速度。GIF 格式是个例外——由于压缩限制，构建器不会对其进行优化，因此 GIF 会显著加重页面负担，影响程度远高于其他格式
避免使用带有过多边框的图片；例如，上面的图片带有冗余的黑色边框，导致其宽度变大：这会影响压缩效果，因为无法判断边框是否有价值，所以系统会按比例缩小整张图片
推荐的**链接预览图片**尺寸为 1200×630 PX
推荐的**Logo**格式为 .png 或 .svg，因为 Logo 通常需要透明背景
推荐的**产品图片**尺寸为 600×600 或 900×900 PX
避免上传文件名中包含空格或特殊/非拉丁字符的视觉素材
尽量避免使用 GIF，因为它们不会被自动优化，可能会显著拖慢页面加载速度