当前位置:网站首页 > 网站建设教程 > 正文

在Wordpress - DreamHost.blog上使用图片和视频

526gpt 发布于2023-08-08 16:18 网站建设教程 162

一个普遍的事实是:有好图片和视频的博客文章和网页在搜索引擎结果页面上的排名通常会比没有图片和视频的高。

视觉效果是添加到你的WordPress网站的一个很好的东西。但是找到没有版权问题的好图片或视频可能是一个挑战。当然,你可以从iStockPhoto和ShutterStock这样的网站上购买图片,但是如果你有预算限制怎么办?而且谁有时间给自己拍照?

幸运的是,有一些很棒的网站提供免费的、令人敬畏的图片,而且没有什么限制。

pix abay——超过一百万的免费图像、矢量、艺术插图和视频。pexels——大量个人和商业用途的免费图像和视频。unsplash——由普通摄影师提供的免费图片库。Gratisography每周为个人和商业用途添加免费图像。相关:你可以从StarWars.com学到的10堂网页设计课

优化图片网站的速度非常重要,但是很多新网站的所有者会犯一个严重的错误,那就是没有优化他们的图片。

想一想——今天的。jpg比以往任何时候都大。甚至用手机拍的照片也可能是巨大的。

通过优化您的图像,您可以将用户浏览器需要下载来查看您的博客和图像的数据量保持在尽可能小的水平,而不会降低质量。这对于移动设备来说更为重要,因为移动设备通常通过较慢的网络下载数据。

首先要做的是调整你的图片大小。高分辨率图像下载时间太长,并且不需要在移动显示器或监视器上显示。您通常可以在不影响显示质量的情况下降低图像分辨率。而且不需要Adobe Photoshop来做。有相当不错的在线工具可以做到这一点,比如Web Resizer和Optimizilla。

这篇文章顶部的图片?它来自Pexel,体积缩小了97%,但显示质量几乎没有下降。嘣。

要考虑的插件一旦你调整了图片的大小,你可能会考虑使用几个插件:

WordPress的自适应图像——以一种透明和不引人注目的方式调整和优化发送到移动设备的图像,以显著减少下载时间。延迟加载—仅在图像对用户可见时加载图像,而不是必须加载所有图像才能显示页面。有相当多的其他插件可以使用。让图像响应移动设备和延迟加载图像是改进图像交付的两个最好的方法。当寻找一个好的插件时,检查四件事:

基于下载数量,插件相对于替代品有多受欢迎?它相对于其他插件的评分如何?多久前更新的?是否兼容WordPress的最新版本?相关:WordPress插件初学者指南

优化视频除非你的视频是你的特色媒体,否则最好将视频上传到YouTube或Vimeo,然后将视频嵌入到你的帖子中。

嵌入YouTube视频很容易。

将视频上传到YouTube。复制嵌入链接。通过帖子中的嵌入链接。如果您想要自定义视频的大小,请添加以下步骤:

用以下格式更改嵌入链接:用实际宽度替换“w”,用实际高度替换“y”,用实际url替换youtube_url。例如,从这个嵌入链接:

& ltiframe width = " 560 " height = " 315 " src = " https://www . YouTube . com/embed/theYouTubecode " frame border = " 0 " allow full screen & gt;& lt/iframe & gt;

将其更改为:

& ltembed width="560" height="315 " >https://www.youtube.com/embed/theYouTubecode</嵌入式

(使用除外


琼ICP备09004296号-12