有哪些好的图片和视频优化方法？

图片优化方法

• 文件格式选择
  • JPEG：适用于色彩丰富的照片等图像，它具有高压缩比，能在保证一定图像质量的同时减小文件大小。
  • PNG：适合有透明背景或简单图形的图像，如 logo、图标等，支持透明通道且无损压缩。
  • SVG：用于矢量图形，如图标、插画等，无论如何缩放都不会失真，文件体积小，且可通过代码编辑，有利于 SEO。
• 压缩图片
  • 工具压缩：利用 TinyPNG、ImageOptim 等在线工具或 Photoshop 等软件，对图片进行压缩，在不明显降低画质的前提下减小文件大小。
  • 有损压缩与无损压缩：无损压缩可保留所有图像数据，适合对画质要求高的情况；有损压缩会牺牲一些图像细节来换取更小的文件体积，适用于对画质要求不特别高的场景，如网页中的普通展示图片。
• 优化图片尺寸
  • 根据显示区域调整：按照图片在网页上的实际显示尺寸来调整图片大小，避免过大的图片占用过多带宽和加载时间。
  • 响应式设计：采用响应式图片技术，根据不同的设备屏幕大小加载相应尺寸的图片，如使用 HTML 的<picture>标签或 CSS 的媒体查询来实现。
• 添加图片属性
  • ALT 属性：为图片添加描述性的 ALT 文本，有助于搜索引擎理解图片内容，提高 SEO 效果，同时在图片无法显示时也能为用户提供替代信息。
  • TITLE 属性：可补充一些关于图片的额外信息，当用户鼠标悬停在图片上时会显示出来，增强用户体验。

视频优化方法

• 视频格式转换
  • 选择合适格式：根据网站需求和用户设备情况，选择合适的视频格式，如 MP4 兼容性好，WebM 适合网页播放且文件体积相对较小，Ogg 也有较好的开源支持。
  • 转码优化：通过 Handbrake 等转码工具，对视频进行转码，调整视频的编码参数，如比特率、分辨率等，在保证视频质量的前提下减小文件大小。
• 视频压缩
  • 降低分辨率：在不影响视频观看体验的前提下，适当降低视频分辨率，如将 1080P 降至 720P，可有效减小文件体积。
  • 调整帧率：对于一些不需要高帧率的视频，可适当降低帧率，如从 60fps 降至 30fps，能在一定程度上压缩视频大小。
  • 优化比特率：根据视频内容和分辨率，合理调整比特率，找到视频质量和文件大小的平衡点。
• 视频加载优化
  • 采用视频托管平台：将视频上传到专业的视频托管平台，如 YouTube、腾讯视频等，然后在网站上嵌入视频，利用这些平台的 CDN 加速和优化技术，提高视频加载速度。
  • 添加视频预加载：在网页代码中设置视频预加载属性，让浏览器在空闲时间提前下载视频资源，当用户点击播放时能更快加载。
  • 设置视频封面：选择一张有吸引力的图片作为视频封面，在视频未加载或播放前展示，既能提升页面美观度，又能让用户提前了解视频内容。
• 视频 SEO 优化
  • 视频标题：撰写包含关键词且有吸引力的视频标题，准确概括视频内容，有助于搜索引擎识别和用户搜索。
  • 视频描述：详细描述视频内容，合理分布关键词，可介绍视频的主题、亮点、相关背景等信息，帮助搜索引擎更好地理解视频。
  • 标签优化：添加与视频内容相关的标签，如行业关键词、品牌名称、视频类型等，提高视频在搜索结果中的曝光率。