Tag: 图像大小调整

Node.js：图像大小调整没有ImageMagick

我正在Node.js（+ express 4）上开发一个Web应用程序，用户可以通过将其上传到服务器来设置其configuration文件映像。 我们已经限制了文件mimetype和max filesize，所以用户不能上传超过200KB的png或者jpeg图片。 问题是我们想将上传的图像分辨率调整为200×200，以改善页面加载和节省磁盘空间。 经过一番研究，所有答案都指向使用基于ImageMagick或GraphicsMagick的任何模块。 然而，不得不安装ImageMagick / GraphicsMagick做一个简单的图像resize似乎对我来说太过于矫枉过正，所以，有没有其他的解决scheme比这个Node.js？

在HTML5canvas中调整图片大小

我试图在客户端使用JavaScript和一个canvas元素创build缩略图，但是当我缩小图像时，它看起来很糟糕。 它看起来好像在Photoshop中缩小了，重新采样设置为“最近邻居”，而不是双立方。 我知道它可能让这看起来是正确的，因为这个网站可以做到这一点很好，使用canvas。 我已经尝试使用与“[Source]”链接中显示的相同的代码，但它看起来仍然很糟糕。 有什么我想念，一些设置需要设置或什么？ 编辑： 我正在尝试调整一个JPG格式。 我已经尝试在链接的网站和Photoshop中调整相同的JPG，缩小尺寸时看起来很好。 这是相关的代码： reader.onloadend = function(e) { var img = new Image(); var ctx = canvas.getContext("2d"); var canvasCopy = document.createElement("canvas"); var copyContext = canvasCopy.getContext("2d"); img.onload = function() { var ratio = 1; if(img.width > maxWidth) ratio = maxWidth / img.width; else if(img.height > maxHeight) ratio = maxHeight / img.height; […]

响应的CSS背景图像

我有一个网站（g-floors.eu），我想做的背景（在CSS中，我已经定义了内容的bg图像）也响应。 不幸的是，我真的不知道如何做到这一点，除了我能想到的一件事情，但这是一个很好的解决办法。 创build多个图像，然后使用CSS的屏幕大小来改变图像，但我想知道是否有一个更实际的方法来实现这一目标。 基本上我想实现的是图像（与水印'G'）自动resize，而不显示较less的图像。 如果有可能的话 链接： g-floors.eu 我到目前为止的代码（内容部分） #content { background-image: url('..http://img.dovov.combg.png'); background-repeat: no-repeat; position: relative; width: 85%; height: 610px; margin-left: auto; margin-right: auto; }