标签: image-resizing

如何在 ASP.Net TreeView 中设置图像的大小？

我们尝试像这样设置尺寸，但图像以全尺寸显示：

<asp:TreeView 
    runat="server"
    DataSourceID="KnowledgeAcademySiteMap">

    <RootNodeStyle ImageUrl="/Images/book.png" Height="32px" Width="32px" />
    <ParentNodeStyle ImageUrl="/Images/book.png" Height="32px" Width="32px" />
    <LeafNodeStyle ImageUrl="/Images/book.png" Height="32px" Width="32px" />
</asp:TreeView>

我在 Angular 项目中安装了 CKEditor5，它工作正常，但我在调整图像大小时遇到​​问题。我在此链接中看到了文档：https : //ckeditor.com/docs/ckeditor5/latest/features/image.html#installation但我无法正确实现它。ImageResize 是唯一一个默认未激活的插件，我该如何激活？在哪里？

我试图将它添加为插件，但我有一个错误，说有 CKEditor5 的重复声明这是关于 CKEditor 的组件代码

import * as ClassicEditor from '@ckeditor/ckeditor5-build-classic';
import '@ckeditor/ckeditor5-build-classic/build/translations/it';

  public Editor = ClassicEditor;

  public config = {
    language: 'it',
    placeholder: 'Descrivi il tuo procedimento scrivendo e inserendo immagini',
    ckfinder: {

      uploadUrl: environment.laravel_api+'/upload-image-step?command=QuickUpload&type=Images&responseType=json',

      options: {
        resourceType: 'Images'
      }
    },
    image: {
      resizeUnit:'%',
      toolbar: [ 'imageTextAlternative', '|', 'imageStyle:alignLeft', 'imageStyle:full', 'imageStyle:alignRight' ],

      styles: [

        'full',

        'alignLeft',

        'alignRight'
      ],

    },

  };

鉴于我有这个

<ckeditor id="editor" style="width: 100%;" [editor]="Editor" [config]="config" data="" formControlName="editor"></ckeditor>

我对以下代码有疑问.我下面的代码成功运行了一个目录,并将图片的resoultion设置为更小的尺寸.但是,文件大小不会更改.例如,尺寸为2400x1800且文件大小为1.5MB的图像将缩放为800x600,但800x600图片仍为1.5MB文件大小.我想我可能要明确压缩图片,但我不确定.有任何想法吗？

private void Form1_Load(object sender, EventArgs e)
        {
            string[] files = null;
            int count = 0;
            files = System.IO.Directory.GetFiles(@"C:\Users\..\..\ChristmasPicsResized");
            foreach (string file in files)
            {
                System.Drawing.Bitmap bmp = System.Drawing.Bipmap.FromFile(file);

                ResizeBitmap(bmp, 807, 605).Save(
                     @"C:\users\..\..\TempPicHold\Pic" + count.ToString() + ".jpg");
                count++;
            }
        }
        public Bitmap ResizeBitmap(Bitmap b, int nWidth, int nHeight)
        {
            Bitmap result = new Bitmap(nWidth, nHeight);
            using (Graphics g = Graphics.FromImage((Image)result))
                g.DrawImage(b, 0, 0, nWidth, nHeight);
            return result;
        }

我有一些从服务器拉出$imgUrl的图像并保存图像的路径.

现在我使用<img src="<?php echo $imgUrl ?>" width="100" height="200"/>或者CSS来缩小图像,但是我想在PHP中这样做,以便我将已经缩放的图像提供给DOM

有任何想法吗？

谢谢

如果已在标签中定义了高度和宽度,是否有办法按比例调整图像大小？

显然,如果我有一个像这样的图像标签:

<img src="whatever.jpg" width="500" height="350">

并使用max-width,如:

img { max-width: 200px; }

我最终会得到一张200像素×350像素的图像.

我更喜欢纯CSS解决方案(我相当确定不存在),但也可能使用一些Javascript和/或jQuery.

我有一个ac#应用程序,其中包含一个图像库,我在其中显示一些图片.这个画廊有一些功能,包括左右旋转.一切都很完美但是当我从画廊选择一张图片并按下旋转按钮(无论左右旋转)时,图片的大小会显着增加.应该提到图片的格式是JPEG.

旋转前的图片尺寸:278 kb

旋转后的图片尺寸:780 kb

我的轮换代码如下:

 public Image apply(Image img)
    {  
        Image im = img;
        if (rotate == 1) im.RotateFlip(RotateFlipType.Rotate90FlipNone);
        if (rotate == 2) im.RotateFlip(RotateFlipType.Rotate180FlipNone);
        if (rotate == 3) im.RotateFlip(RotateFlipType.Rotate270FlipNone);

        //file size is increasing after RotateFlip method

        if (brigh != DEFAULT_BRIGH ||
            contr != DEFAULT_CONTR ||
            gamma != DEFAULT_GAMMA)
        {
            using (Graphics g = Graphics.FromImage(im))
            {
                float b = _brigh;
                float c = _contr;
                ImageAttributes derp = new ImageAttributes();
                derp.SetColorMatrix(new ColorMatrix(new float[][]{
                        new float[]{c, 0, 0, 0, 0},
                        new float[]{0, …

我经常被要求将图像(很多)调整到正方形,然后用PhotoShop保存它们.例如,如果图像是400x200,那么我需要将画布调整为400x400.同样,如果图像为321x850,则画布将调整为850x850,如果图像为521x250,则画布将调整为521x521.

PhotoShop中有没有办法自动执行这项繁琐的任务？我知道PhotoShop自动化,它记录了你的行为,但这不是我想要的.如果你能指出我正确的方向,我编程解决方案没问题.这可能吗？

先感谢您.这可以节省我数小时的繁琐重复性工作.

我在yii2中得到了这段代码:

Image::thumbnail($path, 100, 100)->save($thumbnail, ['quality' => 50]);

我认为它将调整保持纵横比的原始图像的大小.但它只是创造了一个盒子......有什么可能是错的？

我想避免上传大/重图像文件.

我更喜欢HTML5 FileAPI库来完成这项工作.

添加了所有其他功能(上传,重新订购等),因此我只需要图像调整大小功能.

案件:

在页面上有一个多个文件的输入.

在输入更改事件(添加文件时)时,调整输入的图像/文件的大小并将它们附加到FormData(),然后通过ajax将FormData()发送到PHP脚本.

例:

$('input').on('change',function(){
   var formData = resizeImages(this.files[0]);   
   uploadResizedImages(formData);
});

function resizeImages(files){
   formData = new FormData();

   //For each image, resize it and append to formData
   //resize file part missing....
   formData.append('files[]',this);//Appending to formData (this = currently iterated file)

   return formData;//Return the formData with resized images
}

任何人？

谢谢

我已经按照此AWS图像调整大小博客文章来动态调整我的S3存储桶中的图像,并在使用存储桶的静态网站托管端点请求时返回它们.当我在网页浏览器地址栏中输入网址时,它对我来说很好.

我可以看到当我这样做时发生2次重定向(如果尚未生成调整大小的图像):首先,S3端点将404重定向到API网关URL调用lambda函数以生成调整大小的图像,并且API网关重定向浏览器再次返回端点URL.现在已调整大小的图像,它会显示出来.

我打算做的是在网页中显示动态调整大小的图像,所以我只是尝试将调整大小的图像的端点URL放在img标签中,例如. <img src="http://YOUR_BUCKET_WEBSITE_HOSTNAME_HERE/300×300/blue_marble.jpg">

当我这样做时,我的网页中都没有显示任何内容.在浏览器控制台中,我可以看到一条错误消息 - 它正在尝试获取API网关URL,错误是ERR_TOO_MANY_REDIRECTS

我有办法在网页中显示已调整大小的图像吗？

如果没有,我需要做什么来修改这种方法,以便在上传到S3时将图像大小调整为预定义的大小？

谢谢!