agilepixel/imagesrespond

即时响应式图片

维护者

详细信息

github.com/agilepixel/ImagesRespond

源代码

问题

安装: 12

依赖: 0

建议者: 0

安全: 0

星级: 0

关注者: 2

分支: 0

开放问题: 0

v0.2.1 2019-05-16 09:11 UTC

Requires

Requires (Dev)

MIT cb9c415b602d081cc18ecedeb17c1a1378e2b6d2

  • Richard Brown <richard.woop@agilepixel.io>

This package is auto-updated.

Last update: 2024-09-16 20:57:02 UTC

README

Build Status Coverage Status

一个快速的PHP库，用于输出用于响应式设计的缩放图片

用法

你有一个大图片，以下是其url

http://my.site/img/my_large_image.png

一旦安装并配置，你可以通过修改请求的url来返回此图片的缩放版本，宽度为200px

http://my.site/img/respond-200-my_large_image.png

如果你需要基于高度而不是宽度进行缩放，请使用以下方法

http://my.site/img/respond-200h-my_large_image.png

通过Composer安装

composer require agilepixel/imagesrespond

为Apache配置

进入您的服务器配置或 .htaccess，根据您所需的配置进行自定义

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_URI} respond-[0-9]+h?-.*\.(jpg|gif|png|webp|jpeg)$
RewriteRule ^(.*)$ vendor/agilepixel/imagesrespond/src/rewrite.php [L]

为Nginx配置

将以下内容输入到您的Nginx服务器配置中，根据您所需的配置进行自定义

rewrite respond-([0-9]+)h?-.*\.(jpg|gif|png|webp|jpeg)$ /vendor/agilepixel/imagesrespond/src/rewrite.php last;