标签: image-resizing

是否可以使用CSS3 resize 属性调整图像大小？我注意到它适用于块元素，但是有任何解决方法或可能的解决方案吗？我知道我可能会使用jQuery UI 可调整大小插件，但我想应用这种 CSS3 技术。

谢谢

您好，我正在开发一个程序，将 640x480 位图图像缩小为 320x240 图像。我已经研究这个问题有一段时间了，但我发现的所有好的例子都是为了增加图像的大小。

（参见此处：http://cboard.cprogramming.com/c-programming/154737-help-program-resize-image.html）

我很难将该计划中所做的事情转化为我需要完成的事情。到目前为止，这是我的代码：

include stdio.h
include stdlib.h
include string.h
include math.h


pragma pack(push, 1)
typedef struct tagBITMAPFILEHEADER
{
unsigned short bfType; //specifies the file type
unsigned int bfSize; //specifies the size in bytes of  the bitmap file
unsigned short bfReserved1; //reserved; must be 0
unsigned short bfReserved2; //reserved; must be 0
unsigned int bfOffBits; //species the offset in bytes from the bitmapfileheader to the bitmap bits
} BITMAPFILEHEADER;
pragma pack(pop)

pragma pack(push, 1)
typedef …

我想在浏览器中调整上传图像的大小。我使用 canvas 将上传的图像绘制到画布上，然后调整其大小，并使用 toDataURL 方法的结果。

简化的代码（没有上传部分）看起来像这样：

var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d', { alpha: false} );
// img src contains data url of uploaded image
ctx.drawImage(img, 0, 0, imgWidth, imgHeight); 
var dataUrl = canvas.toDataURL('image/png');

问题是 dataUrl 包含 alpha 通道，尽管创建上下文时 alpha 设置为 false。

是否可以在没有 alpha 通道的情况下获取数据 url？

如果没有，我考虑使用 Javascript 图像库之一，但大多数都依赖于画布。

另外，我可以使用画布中的数据对图像进行编码，但我不想这样做:)

我有一张图片，我想在不破坏它的情况下调整和扩展这张图片。

图片：

图片尺寸：

• w=41
• h=43

我希望它调整为的图像大小：

• w=2000x
• 小时=2100

我尝试了所有已知的方法：

1. 与 PIL.Image：

   from PIL import Image
   path = "image.png"
   w, h = 2000, 2100
   img = Image.open(path)
   img = img.resize((w, h), Image.ANTIALIAS)
   img.save("re_image.png", "PNG")
   

   Run Code Online (Sandbox Code Playgroud)
2. 使用 cv2：

   import cv2
   path = "image.png"
   w, h = 2000, 2100
   img = cv2.imread(path)
   img = cv2.resize(img, (w, h), interpolation = cv2.INTER_AREA)
   cv2.imwrite("re_image.png", img)
   

   Run Code Online (Sandbox Code Playgroud)

结果是：

在我的 reactJs 项目中，我需要在上传之前调整图像大小。

我正在使用react-image-file-resizer库，它有一个简单的例子，但对我不起作用。

我试过这个，但它显示我空白的结果。我究竟做错了什么？

var imageURI = '';
const resizedImg = await Resizer.imageFileResizer(
  fileList.fileList[0].originFileObj,
  300,
  300,
  'JPEG',
  100,
  0,
  uri  => {
    imageURI = uri 
    console.log(uri )  // this show the correct result I want but outside of this function
  },
  'blob'
);
console.log(resizedImg)
console.log(imageURI)

// upload new image
...uploading image here.. 

如果我imgRef.put(uri);在 URI 函数中执行，则图像上传工作。但我需要在该功能之外执行此操作。

如何在 imageURI 变量中获取结果并在以后重用它？

我不清楚使用numpy.resize或 使用调整 numpy 数组大小之间的区别cv2.resize。

在实现用于图像处理的 CNN 时，当使用 Numpy 的函数将数组800x800大小调整为 时，我遇到了巨大的内存泄漏10x10，我设法通过使用来解决cv2.resize这个问题，所以我想知道这个函数的不同行为可能解决了这个问题。

我正在使用一个简单的图像管理器类,以及以下代码:

<?php
include('SimpleImage.php');
$image = new SimpleImage();
$image->load($target_path);
if($image->getWidth() > 500) {
    $image->resizeToWidth(500);
    echo "<p>Image Resized</p>";
} else echo "<p>Image did not need to be resized.</p>";
$image->save($target_path);
echo "<p>Image Saved</p>";
?>

当我上传宽度为700的图像时,图像成功调整大小,但是当我上传一张非常大的图片(宽度〜= 2300)时,它不起作用,我看不到任何echo消息.

某些php图像函数是否有可能导致此问题的大小限制？

当我调整图像大小时,保持 $config['create_thumb'] = trueCodeigniter在调整大小的图像名称的末尾添加字符串"_thumb".

我想问的是,是否可以在图像名称的开头添加后缀"_thumb"

例如:original_name.jpg

调整大小后:original_name_thumb.jpg

我想要的是:thumb_original_name.jpg

任何形式的帮助表示赞赏!

我正在使用Java中的图像.我有一组图像 - 比方说每个600x800像素.我将它们调整为100x100,然后在其上制作一些东西.现在我想在开始尺寸放大图像而不会丢失我的变化和像素质量.这可能吗？

我正在尝试调整jpg格式的图片的大小，降低其分辨率，以便将其下载到网站HTML时较小。在链接中使用该教程： 图像调整大小教程

我设法调整了分辨率，包括在需要时进行裁剪。我的问题是图像的实际大小变得更大，而不是我所期望的更小。

有什么想法吗？