Questions tagged «image-resizing»

我正在尝试使用javascript和canvas元素在客户端创建缩略图，但是当我缩小图像时，它看起来很糟糕。看起来好像是在Photoshop中缩小了尺寸，将重采样设置为“最近的邻居”而不是Bicubic。我知道有可能使它看起来正确，因为该站点也可以使用画布来很好地完成它。我已经尝试使用与[[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; …

314 javascript  html  canvas  image-resizing 

我有一个网站（g-floors.eu），并且我想使背景（在CSS中，我为内容定义了bg图像）也具有响应性。不幸的是，除了我可以想到的一件事之外，我真的对如何执行此操作一无所知，但这是一个解决方法。创建多个图像，然后使用css屏幕大小更改图像，但是我想知道是否有更实用的方法来实现此目的。 基本上，我想实现的是图像（带有水印“ G”）自动调整大小，而不会显示更少的图像。如果可能的话 链接：g-floors.eu 我到目前为止的代码（内容部分） #content { background-image: url('../images/bg.png'); background-repeat: no-repeat; position: relative; width: 85%; height: 610px; margin-left: auto; margin-right: auto; }

195 css  responsive-design  background-image  image-resizing 

我有一个垂直的LinearLayout，其中一项是ImageView使用毕加索加载的。我需要将图像的宽度增加到整个设备的宽度，并显示以固定高度（150dp）裁剪的图像的中心部分。我目前有以下代码： Picasso.with(getActivity()) .load(imageUrl) .placeholder(R.drawable.placeholder) .error(R.drawable.error) .resize(screenWidth, imageHeight) .centerInside() .into(imageView); 我应该输入screenWidth和哪些值imageHeight（= 150dp）？

164 java  android  imageview  image-resizing  picasso 

当我将图像加载到标记的icon属性中时，它将以其原始大小显示，该大小比原先的大小要大得多。 我想将尺寸调整为较小的标准尺寸。做这个的最好方式是什么？ 码： function addMyPos(latitude,longitude){ position = new google.maps.LatLng(latitude,longitude) marker = new google.maps.Marker({ position: position, map: map, icon: "../res/sit_marron.png" }); }

141 javascript  google-maps  google-maps-markers  image-resizing 

我想编写一些PHP代码，该代码会自动将通过表单上传的所有图片的大小调整为147x147px，但我不知道如何处理（我是相对的PHP新手）。 到目前为止，我已经成功上传了图像，可以识别文件类型并清理了名称，但是我想在代码中添加调整大小功能。例如，我有一个测试图像，大小为2.3MB，尺寸为1331x1331，我希望代码缩小尺寸，我想它也会极大地压缩图像的文件大小。 到目前为止，我有以下几点： if ($_FILES) { //Put file properties into variables $file_name = $_FILES['profile-image']['name']; $file_size = $_FILES['profile-image']['size']; $file_tmp_name = $_FILES['profile-image']['tmp_name']; //Determine filetype switch ($_FILES['profile-image']['type']) { case 'image/jpeg': $ext = "jpg"; break; case 'image/png': $ext = "png"; break; default: $ext = ''; break; } if ($ext) { //Check filesize if ($file_size …

96 php  image-processing  image-resizing  image-upload 

我已经按照步骤调整了EC2卷的大小 停止实例 拍摄当前卷的快照 从先前的快照中创建了一个新卷，并且在同一区域中有更大的卷 从实例取消附加旧卷 在同一安装点将新卷附加到实例 旧卷为5GB，而我创建的卷为100GB现在，当我重新启动实例并运行时df -h I仍然看到此信息 Filesystem Size Used Avail Use% Mounted on /dev/xvde1 4.7G 3.5G 1021M 78% / tmpfs 296M 0 296M 0% /dev/shm 这是我跑步时得到的 sudo resize2fs /dev/xvde1 The filesystem is already 1247037 blocks long. Nothing to do! 如果我跑步cat /proc/partitions我会看到 202 64 104857600 xvde 202 65 …

95 amazon-ec2  centos  volume  image-resizing  snapshot 

我正在Node.js（+ express 4）上开发一个Web应用程序，用户可以通过将其配置文件图像上传到服务器来对其进行设置。我们已经限制了文件的模仿类型和最大文件大小，因此用户上传的png或jpeg图片不能超过200KB。 问题是我们想将上传的图像分辨率（服务器端）调整为200x200，以改善页面加载并节省磁盘空间。经过研究，所有答案都指向使用任何基于ImageMagick或GraphicsMagick的模块。 但是，对于我来说，必须安装ImageMagick / GraphicsMagick进行简单的图像大小调整似乎太过头了，因此，除了Node.js之外，还有其他解决方案吗？ 编辑：由于不再维护以前的解决方案（lwip），因此我将接受的解决方案更改为Sharp。感谢您的所有反馈！

85 image  node.js  image-resizing 

在我的网站上，我想在新窗口中显示用户上传的具有特定大小（width: 600px）的图像。问题在于图像可能很大。因此，如果它们大于这些600px尺寸，我想调整它们的尺寸，并保留宽高比。 我尝试了max-widthCSS属性，但是它不起作用：图像的大小不变。 有什么办法解决这个问题？ HTML： <div id="ImageContainerr"> <img src="DisplayImage.do?ad_id=${requestScope.advert.id}" class="Image" /> </div> CSS： img.Image { max-width: 100%;} div#ImageContainer { width: 600px; } 我也尝试max-width: 600px为图片设置，但是不起作用。图像是从Servlet传输的（存储在Tomcat的webapps文件夹外部）。

84 html  css  image  image-resizing