标签: image-resizing

我正在使用带有 Rails4 的 Paperclip。我有以下图片

现在我想调整大小和裁剪图像，但它被裁剪并且图像的方向被移位，如下所示

:photo,
    :path => ":rails_root/public/system/:attachment/:id/:style/:filename",
    :url => "/system/:attachment/:id/:style/:filename",
    :styles => {
        :small => { :geometry => "100x100!" },
        :medium => { :geometry => "500x500!"}
}

我想将 PNG 图像文件夹的大小调整为指定的缩放大小，例如 Mac 上的 (50%)。使用命令行执行此操作的最简单方法是什么？

谢谢，

是否有一种 python 图像大小调整算法，可以通过大因素缩放彩色图像，同时将人工制品最小化？例如，从 1234x1234 到 32x32。目标是能够从非常大的图像中生成高质量的 32x32 图像，如CIFAR-10 中的图像。

OpenCV 图像大小调整算法（线性、双三次、lancsoz、区域等）是不够的，因为它们会产生大量伪像。也许类似于魔法内核方法？

我尝试运行以下代码：

a = np.array([[1,0],[0,0]])
a = cv2.resize(a , (400,400))
cv2.imshow('Image', a)
cv2.waitKey(0)
cv2.destroyAllWindows

并得到这个错误：

cv2.error: OpenCV(4.5.2) C:\Users\runneradmin\AppData\Local\Temp\pip-req-build-_8k9tw8n\opencv\modules\imgproc\src\resize.cpp:3929: error: (-215:Assertion failed) func != 0 in function 'cv::hal::resize'

找不到任何类似的问题

我制作了一个负责上传图像的文件,然后将这些图像移动到服务器中的文件夹中.我想我不能直接在$ _FILES数组中调整图像大小,所以我想我必须在服务器中调整图像大小,所以我的问题是,如何调整服务器中的图像？

这是我的代码的一部分:

//This is after getting target which is the file saved on the server

move_uploaded_file($_FILES[$str]['tmp_name'], $target);

scale_image($target);

现在函数scale_image()

function scale_image($image)
{

    if(!empty($image)) //the image to be uploaded is a JPG I already checked this
    {
        $source_image = imagecreatefromjpeg($image);
        $source_imagex = imagesx($source_image);
        $source_imagey = imagesy($source_image);

        $dest_imagex = 300;
        $dest_imagey = 200;

        $image = imagecreatetruecolor($dest_imagex, $dest_imagey);
        imagecopyresampled($image, $source_image, 0, 0, 0, 0,
        $dest_imagex, $dest_imagey, $source_imagex, $source_imagey);

    }
}

但这似乎不起作用,它移动文件但没有调整大小.

我正在为我的网站做一些工作,我想自动调整我的图像..但不仅自动调整大小,而且保持它们成比例,即使我调整其宽度或高度.我想添加额外的白色边框以补偿新的空间.

我以前从未做过任何形象工作,我应该怎么做呢？

前言:

我使用的是一个反应灵敏的主题(骨架).它将布局更改为单个列,用于小屏幕尺寸,

我的问题是:

调整屏幕大小时,我的标题图像(我使用管理面板中的主题选项插入)不会缩放.它一直保持在940x150.当在移动设备上查看时,这会导致一个完整大小的标题,其内容位于左侧的单个列中,因此我留下了所有类型的空白.

我想:使图像缩小屏幕宽度

要么

将标题图像替换为适合较小屏幕尺寸的标题图像.

选项2的问题并非所有设备都具有相同的屏幕宽度,因此它仍然需要可扩展到某一点.

理想的情况是:

当高于下述宽度时,图像将缩放以适应700-something(ipad landscape)和940标准之间的屏幕.

当低于某个屏幕宽度(比如下面的平板电脑/ ipad尺寸,所以700-something max-width)时,图像会换成较小的一个,然后在300到700之间向上或向下扩展(略低于ipad尺寸) ).

通过这种方式,图像将始终是用于呈现网站的适当大小.

这个特定图像的问题是中间的空白量(空白空间).在一定的宽度以下,我会认为图像的元素会因为它们之间的空间太大而变得混乱和混乱.

网站:

porthuronairportshuttle.com

我有一个CSS问题.我有一个1024x500像素的图像.现在的问题是,只要浏览器窗口/视口的宽度变化低于图像宽度(1024px),图像就会开始被切断.现在,正如您所看到的,当视口大小低于1024px时,我将容器宽度设置为100%,并且它按比例调整大小,但随着浏览器调整大小(更小),我的图像的边会越来越多.

任何人都可以帮助我让我的图像动态调整像素为像素(不丢失任何原始图片 - 没有切断)？

查看我的网页并调整浏览器窗口大小以查看我的意思.注意图像的两侧被切掉......

HTML:请注意我的原始图像是1024x500

 <div class="ei-slider">
 <ul class="ei-slider-large">
   <li>
   <img src="http://lamininbeauty.co.za/images/large/makeup.jpg" alt="Vertical Sunbed TanCan"/>
   </li>
 </ul>
 </div>

CSS:

大屏幕的普通CSS

.ei-slider{
    position: relative;
    width: 1024px;
    height: 500px;
    margin: 0 auto;
}
.ei-slider-large{
    height: 100%;
    width: 100%;
    position:relative;
    overflow: hidden;
}
.ei-slider-large li{
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    height: 100%;
    width: 100%;
}
.ei-slider-large li img{
    width: 100%;
}

当浏览器窗口低于图像宽度时:1024px:

@media screen and (max-width : 1023px){
    .ei-slider{
        width: 100%;
    }   
}

对于切断我的图像时较小的屏幕:注意我的原始图像是1024x500

@media screen and …

我正在我的Android应用程序中构建一个imagepicker,我在这个页面上使用了示例代码.这基本上给了我一个按钮,可以从SD卡中获取文件,或者通过拍照获得文件.选择图像后,它会使用简单的ImageView显示图像.总的来说,这非常有效; 我可以选择图像,然后再次单击选择图像按钮并选择另一个图像.到目前为止这么好..有小文件.

当我使用"更大的文件"时,问题就开始了; 我只是用内置手机摄像头拍摄的照片.我可以选择一个,这很有效.当我再次点击选择图像按钮并选择另一个图像时,我在此行上得到一个OutOfMemoryError(链接到页面的第75行):

bitmap = BitmapFactory.decodeFile(path);

我的测试设备非常现代(Galaxy S4 Mini),所以这应该不是问题.由于我需要将图像作为base64字符串发送到我需要调整大小的API,我可以使用以下内容调整图像大小:

Bitmap yourBitmap;
Bitmap resized = Bitmap.createScaledBitmap(yourBitmap, newWidth, newHeight, true);

但不幸的是,为此我首先需要解码文件,这实际上首先导致了问题.

所以我的问题是; 有没有办法在将图像解码为位图之前调整图像大小？欢迎所有提示!

我想把图像放到一个圆圈里.

我的代码工作正常,但如果图像太大,图像没有调整大小,我在圆圈中看不到任何内容.

如何自动调整图像大小以将其放入我的圈子？

这是html代码:

    <div class="roundedImage" style="background: url(img/desktop/personne.jpg) no-repeat 0px 0px;">
&nbsp;
</div>

这是CSS代码:

.roundedImage {
    overflow:hidden;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
    width:90px;
    height:90px;
}

现在,结果如下: