文件名称:jekyll_picture_tag:Jekyll的易于响应的图像
文件大小:185KB
文件格式:ZIP
更新时间:2024-02-22 22:12:43
ruby jekyll html5 resized-images responsive-images
Jekyll图片标签 响应式图像正确完成。 在页面上扔一张照片然后每天称呼它很简单,但是在所有不同的浏览器和设备上对用户进行公正检查都是乏味而棘手的。 繁琐而棘手的事情应该自动化。 Jekyll Picture Tag自动构建裁剪,调整大小和重新格式化的图像,构建多种标记,提供广泛的配置而无需使用,并通过少量的YAML配置和简单的模板标签解决了美术指导和分辨率切换问题。 为什么要使用自适应图像? 性能:最快的网站是静态网站,但是如果您在博客文章顶部对狗的2mb图片进行分类,则会将其全部丢弃。 响应式图像使您可以在不影响图像质量的情况下保持网站的快速运行。 设计:无论分辨率如何,您的桌面图像在移动设备上可能无法正常工作。 我们经常要做的不只是针对不同屏幕尺寸调整图像大小,还想要裁剪或完全使用其他图像。 为什么要使用Jekyll Picture Tag? 开发人员理智:如果您要提供多种格式和分辨率的多个图像,则需要编写大量标记,并生成和组织大量图像。 Jekyll Picture Tag是您的响应式图像小部件-给它简单的说明,它将处理其余部分。 产品特点 生成一堆裁剪,调整大小