jquery - 将上传的图像调整为多个尺寸

标签 jquery html css image

我正在构建自己的简单 CMS。这是图像的问题。加载大尺寸图像会减慢网站速度。我在这里问如何将图像调整为多个尺寸例如:image.jpg original size is 1280x720pixels;用于创建 image250x250.jpg 的缩略图;内部帖子使用 image500x350.jpg 等。 目前在缩略图、帖子等中使用相同的图像。我只是用 CSS 设计样式。

谢谢并致以最诚挚的问候!

最佳答案

用户上传图像后,您需要在服务器上创建并保留该图像的多个副本(每个所需大小一个副本)。 ImageMagick 软件通常用于此类任务。

网上有很多解释会比较详细,但一般来说你会想要安装ImageMagick在您的服务器上,然后启用 ImageMagick PHP 扩展。

创建上传图像的几个副本后,您可以使用 Imagick::resizeImage函数独立修改每一个的大小。

如果您无法安装 PHP 扩展,那么您可以改为调用 ImageMagick 的 convert通过 PHP 的 exec() 函数的命令行工具。

关于jquery - 将上传的图像调整为多个尺寸,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34623284/

相关文章:

jquery - 如何取消/放弃滚动功能?

javascript - 如果在透明标题下隐藏内容

html - 背景附件问题

javascript - 使用带有 Unicode 符号的 string.replace() Javascript 时出现问题

css - 将元素放在 div 溢出的底部

javascript - jQuery 设置 input.value = input.title (或其他输入属性)

php - 如何在 ajax url 中发布带空格的波斯语句

php - 在 php 中更新图像

css - 导航栏未跨越页面宽度

css - 在 li 内对齐图像