Optimizilla — один из лучших онлайн-оптимизаторов изображений в 2020 году

What is Image Compression?

For someone who isn’t yet familiar with or understands the term image compression, it sounds like magic. However, once you go deeper into the subject, you get to know that how some images are larger in size, occupying more space than other despite regardless of the number of pixels they occupy on the screen. The image compression online is the procedure in which the size of an image or a graphics file is reduced.

It is naive to think that we can compress image only in just one way. There are many different methods, each having a distinct approach to compress image online. The key purpose of using an image compression software or image compression program is to achieve minimized redundancy and irrelevance in the image data.

To achieve image compression online or compress image online, any free image compression tool can be used. Fortunately, image compression software is easily and widely available on the internet now which you can use to compress image.

API

(, , , , , , , , )

  • input (type:string): Path to source image or images;
    Example:
    1. ;
    2. ;
    3. ;
    4. ;

  • output (type:string): Path to compress images;
    Example:
    1. ;

  • option (type:plainObject): Options module`s «compress-images»;

    • compress_force (type:boolean): Force compress images already compressed images or ;
    • statistic (type:boolean): show image compression statistics or ;
    • pathLog (type:string): Path to log file. Default is ;
    • autoupdate (type:boolean): Auto-update module «compress_images» to the latest version or ;
      Example:
      1. ;
  • enginejpg (type:plainObject): Engine for compressing jpeg and options compress. Key to be ;

    • engine (type:string): Engine for compressing jpeg. Possible values:
      ,, , , , , ;
    • command (type:boolean|array): Options for compression. Can be or commands array.
  • enginepng (type:plainObject): Engine for compressing png and options for compression. Key to be ;

    • engine (type:string): Engine for compressing png. Possible values:
      ,, , , , ;
    • command (type:boolean|array): Options for compression. Can be or commands array.
  • enginesvg (type:plainObject): Engine for compressing svg and options for compression. Key to be ;

    • engine (type:string): Engine for compressing svg. Possible values:
      ;
    • command (type:string): Options for compression. Can be or commands type string.
  • enginegif (type:plainObject): Engine for compressing gif and options for compression. Key to be ;

    • engine (type:string): Engine for compressing gif. Possible values:
      , , ;
    • command (type:boolean|array): Options for compression. Can be or commands type array.
  • callback (err, completed, statistic):
    returns:

    • err (type:json object|null)
      • engine — The name of the algorithm engine
      • input — The path to the input image
      • output — The path to the output image
    • completed (type:boolean)
      • — result completed.
      • — result not completed.
    • statistic (type:json object)

Compressor.io

Compressor.io is one more service to try. It’s free and it supports the most file formats of all: JPEG, PNG, GIF, SVG.

It doesn’t have many options – you can really only choose the type of compression (lossy or lossless).

In terms of quality, my feeling is that it varies drastically from one image to another. I tried the service with both images (one PNG and one JPG) I’ve been testing the other services with, and the results were a little disappointing.

With lossless compression both images preserved their initial file size. With lossy compression the results were these:

Original JPG

Compressor.io

The file size went from 96.32 KB to 69.32 KB – this is 28% compression and the image quality of the output file is fine.

However, with PNG it didn’t go that well and seemed buggy in my testing. With both lossy and lossless compression it didn’t do anything to the image I’ve been using with the other services – after the compression, the file size stayed exactly the same. I thought this was because of the transparent background, so I changed it but the result was even worse – no image at all, only the white background.

I decided to try it with another image – a very simple image with nothing but a gradient background. The results were nice – 84% compression with no visible deterioration to quality.

The SVG compression option is another interesting addition. SVG is an entirely different kind of file format, which would seem to require an entirely different approach to compression — more structural design than pure mathematics.

Whatever the case, I had no success compressing SVG files with Compressor.io.

Compressor.io is both new and ambitious, but the fact you will never know in advance if your image will get compressed or not would discourage me from using it at the moment. I guess with any service there are images that might not work, so I don’t think Compress.io is inferior to the others simply because it wasn’t suited to comressing my test images.

Description

Make your website faster by optimizing your JPEG and PNG images. This plugin automatically optimizes all your images by integrating with the popular image compression services TinyJPG and TinyPNG.

Features

  • Automatically optimize new images on upload.
  • Advanced background optimization to speed up your workflow.
  • Optimize individual images already in your media library.
  • Easy bulk optimization of your existing media library.
  • Automatically resize huge image uploads by setting a maximum width and/or height for more reasonable browser display.
  • Display JPEG images more quickly with progressive JPEG encoding.
  • Chose to preserve copyright metadata, creation date and GPS location in your original images.
  • Supports compression of animated PNG.
  • Select which thumbnail sizes of an image may be optimized.
  • Multisite support with a single API key.
  • WPML compatible.
  • WooCommerce compatible (see below).
  • WP Retina 2x compatible.
  • WP Offload S3 compatible.
  • See your usage on the settings page and during bulk optimization.
  • Color profiles are automatically translated to standard RGB color.
  • Convert CMYK to RGB to save more space and add compatibility.
  • Dashboard widget with your total savings.
  • Optimize and resize uploads with the WordPress mobile app.
  • No file size limits.

How does it work?

After you upload an image to your WordPress site, each resized image is uploaded to the TinyJPG or TinyPNG service. Your image is analyzed to apply the best possible optimization. Based on the content of your image an optimal strategy is chosen. The result is sent back to your WordPress site and will replace the original image with one smaller in size. On average JPEG images are compressed by 40-60% and PNG images by 50-80% without visible loss in quality. Your website will load faster for your visitors, and you’ll save storage space and bandwidth!

Getting started

Install this plugin and follow the instructions to set up your account. With a regular WordPress installation you can optimize roughly 100 images each month for free. The exact total depends on the number of thumbnail sizes that are in use in your WordPress installation. You can change which of the generated thumbnail sizes should be optimized on the Settings > Compress JPEG & PNG images page. Once installed you can also switch to a paid account which removes the limits and allows you to optimize as many images as you like.

Optimizing all your images

You can bulk optimize your existing JPEG and PNG images all at once by going to Media > Bulk Optimization. Clicking on the big button will start optimizing all unoptimized images in your media library.

Multisite support

The plugin is fully multisite compatible and you can set the API key for all sites by defining the key in your wp-config.php file. View the installation instructions for more information.

WooCommerce compatibility

This plugin is fully compatible with WooCommerce. However, we have discovered that WooCommerce may be trying to regenerate image attachment metadata over and over again on each page visit. If you are using WooCommerce please follow the tips from the support section. This may make your WooCommerce shop even faster than it was before.

Гайд – Оптимизация изображений.

Приветствую всех вебмастеров! Вот наконец-то, я и добрался до написания подробного гайда (мануала), на тему – Оптимизация изображений на сайте. Тема достаточно щепетильная и далеко не маленькая, поэтому приготовьтесь к «многабукаф», их будет действительно много. В этом руководстве вы найдете всю необходимую информацию по изображениям для того, чтобы чётко понимать как их оптимизировать, как пользоваться и как с помощью них можно будет получить дополнительный трафик. Но давайте всё по порядку…

Чтобы всесторонне оптимизировать картинки на сайте, нужно предварительно понять, что за что отвечает и как работает. Только после этого, приступать к практике. Не поняв логику, для чего «это» надо, вы не добьётесь нужных результатов. Ну что ж, приступим!

Способ 2: Animizer

Animizer — более простой онлайн-сервис, в функциональность которого входит не так много опций. Однако из-за этого он может показаться более удобным для юзеров, которые и не нуждаются в огромном количестве разных инструментов.

  1. Откройте главную страницу Animizer, где щелкните по кнопке «Выбрать».

В Проводнике отыщите необходимый для редактирования GIF-элемент.

Кликните на кнопку «Перейти к редактору», которая стала активной сразу же после выбора картинки.

Разберем основные возможности этого онлайн-сервиса, начав с «Добавить кадры»: нажмите по кнопке «Загрузить», если хотите соединить несколько GIF или прикрепить к текущей анимации еще несколько кадров.

Остальные основные функции не требуют развернутого описания. Благодаря переключению маркеров вы можете отключить передачу цветов, настроить прозрачный фон, задать цвет переднего плана, цвет фона, установить скорость анимации и вручную изменить размер холста.

Откройте «Доп.настройки», чтобы перейти к редактированию каждого кадра, настроить соблюдение пропорций, инвертирование цветов, обратную анимацию и количество проигрываний.

При редактировании отдельного кадра доступно его отключение и установка времени воспроизведения.

По завершении настройки GIF щелкните по кнопке «Создать анимацию», применив тем самым изменения.

Поднимитесь выше и начните скачивание файла.

Обязательно проверьте его перед публикацией куда-либо, чтобы убедиться в корректности воспроизведения.

Advanced GIF Compressor

Not all GIFs are created equal. Some GIFs benefit vastly by the reduction of colors or the use of a single color palette. While others respond well to lossy or transparency optimizations. Our GIF compressor provides 7 GIF compression strategies. You can apply multiple strategies at once. Here are the details:

1. Compression level

This slider lets you apply a lossy LZW compression to your GIF. This works well for most types of GIFs. It can reduce GIF file size by up to 60% at the expense of some noise and dithering. However, often, the quality loss is undetectable. We recommend applying a 75% lossy compression level and adjusting further if needed. Higher values compress more.

Best for: Recommended for most GIFs

2. Drop nth frame

GIF animations are made of multiple image frames. Depending on the animation, you might be able to drop frames without much noticeable change to the animation itself. Obviously, dropping frames will reduce gif size.

This feature allows you to drop every 2nd, 3rd, 4th, or 5th frame of your GIF. For example, dropping every 2nd frame would result in 50% fewer frames. This is useful for GIFs created out of high-FPS videos.

3. Remove duplicate frames

Removing similar or duplicate frames will help to optimize your GIF file size. We also provide a Fuzz Factor, which is a measure of “similarity.” The larger the ‘fuzz factor’ more ‘similar’ frames will match and be dropped.

Best for: Use for high FPS (frames per second) GIFs or Animations with a lot of similar/duplicate frames.

4. Reduce colors

GIF files support up to 256 different colors . Reducing the number of colors in colormap can reduce GIF file size. You can choose to reduce colors up to just 2 colors.

Reduce colors + dither: Using the dither option will force the algorithm to approximate the missing colors using combinations of colors. Naturally, this will produce better-looking GIFs at the expense of bigger file-size. However, it may also cause animation artifacts.

Best for: Use if your frames have a limited number of colors.

5. Use a single color table

Usually, each frame of a GIF file has it’s own separate color table. This option will instead force the GIF to use a single global color table. As we mentioned, a color table can have up to 256 colors, and each color is 3 bytes. So you can potentially save up to 256 X 3 = 758 bytes per frame by using a single color table.

Best for: Use if each frame of your GIF has similar colors.

6: Optimize transparency

If your GIF is an overlaid animation that is repeating pixels that are already being displayed, you can replace those repeating color pixels with transparency. The result is large areas of transparency that compresses better (compared to a mix of different colored pixels). Use the Fuzz Factor settings under this option to match “similar” colors.

Best for: Use if your GIF has a lot of static background areas that do not change while animating such as, GIF of a screen recording.

7: Undo optimizations

This operation draws a complete view of the animation up to that point/frame (instead of each frame containing only the overlaid changes). Doing so would increase your GIF size, but it helps to correct your buggy GIFs, understand their frames better, or re-optimize them later.

Best for: Use to repair broken GIFs to re-optimize them later.

Other compressors by FreeConvert.com

  • Compress PNG
  • Compress JPEG
  • PDF Compressor
  • Image Compressor
  • Video Compressor

Assessing quality

How do you assess the results of the tools?
How do you compare the quality of two images?
At which quality level do they look good enough?
And as of when do compression artifacts interfere?
Depending on the intended purpose and person, the answers will vary considerably.

Some clever minds have thought about it and developed the SSIM algorithm to simulate the perception of our eyes.
It tries to generate an absolute value that represents the perceived difference between two images.

I will use this algorithm to compare the results of the tools by comparing the produced JPEG with the original image.
For better readability and comprehensibility, I multiply the resulting value by 1000 and subtract it from 1000 so that I effectively get a value for the visual distance of two images.

Based on my very individual perception, I created the following evaluation table for the JPEG format:

JPEG-SSIM table

Value Rating
0 to ~2 No visible artifacts
~2 to ~5 Acceptable artifacts visible
~5 to ~15 Highly visible artifacts
~15 to ∞ You don’t want to see this …

TinyPNG

Онлайн сервис TinyPNG служит для оптимизации (сжатия) изображений в форматах PNG и JPG. Сервис имеет две идентичные страницы по разным адресам: tinypng.com и tinyjpg.com.

Откройте страницу TinyPNG, перетащите в специальную форму изображения в форматах «.pnf» и «.jpg» (можно загрузить файлы обеих форматов одновременно) со своего компьютера.

Особенности онлайн сервиса TinyPNG:

  • Поддержка форматов JPG и PNG.
  • Загрузка на сервис до 20 изображений.
  • Размер одного файла не более 5 MB.

После обработки, в окне сервиса отобразится процент сжатия и общий размер сжатых графических файлов.

При помощи ссылки «download» загрузите на компьютер готовое изображение. Обработанные изображения можно сохранить в облачное хранилище Dropbox (кнопка «Save to Dropbox»), или скачать на компьютер сразу все изображения (кнопка «Download all»). Сохраненные файлы имеют оригинальное название.

Я использую этот сервис для оптимизации изображений, которые я добавляю на свой сайт. Вначале я обрабатываю картинки в программе Photoshop: изменяю размер (соотношение сторон) изображений, оптимизирую для web, сохраняю файлы в форматах «.jpeg» и «.png».

Далее я дополнительно сжимаю изображения на сервисе TinyPNG (TinyJPG), затем скачиваю на компьютер изображения наиболее меньшего размера в форматах JPEG или PNG.

Способ 1: EzGIF

EzGIF — продвинутый онлайн-сервис, предоставляющий массу различных инструментов, подходящих для редактирования GIF-анимаций. Вы можете работать как со всем проектом, так и с каждым кадром отдельно, редактируя содержимое под свои нужды.

  1. При переходе на главную страницу EzGIF нажмите по кнопке «Выбрать файлы», чтобы указать, с каким GIF будет происходить дальнейшее редактирование.

В открывшемся окне Проводника отыщите соответствующий объект и выберите его для добавления.

Далее в той же вкладке щелкните по «Upload and make a GIF».

Рассмотрим каждый инструмент по очереди, начав с «Crop». Выберите эту опцию, если хотите обрезать лишние края GIF. Для удобства можно самостоятельно выделить активную область, трансформируя отобразившийся прямоугольник, взяв его за точки.

Опуститесь ниже, чтобы отобразились остальные параметры обрезки. Вы можете задать размер самостоятельно, указать пропорции или сделать так, чтобы онлайн-сервис автоматически обрезал лишнее. Если настройка завершена, кликните по «Crop Image» для сохранения изменений.

Выберите второй раздел «Resize», чтобы изменить общий размер полотна.

Под картинкой с анимацией отыщите поля, отвечающие за редактирование высоты и ширины. Задайте необходимое значение для каждого параметра, а также укажите один из доступных методов изменения размера. Подтвердите действие, кликнув по «Resize Image».

Следом идет второй инструмент «Rotate». Он отвечает за поворот изображения в разные стороны. Останавливаться на нем не будем, поскольку в присутствующих настройках этого инструмента разберется любой, без проблем повернув анимацию на необходимое количество градусов.

Выберите раздел «Optimize», если хотите сжать размер ГИФ без потери качества или пожертвовать ей ради уменьшения занимаемого файлом пространства.

Под самой картинкой настраивается сжатие: перемещайте ползунок и следите за результатом. Достигнув нужного результата, щелкните по «Optimize GIF», чтобы сохранить изменения.

Далее идет набор разных инструментов «Effects».

Для него существует целый набор самых разных параметров, рассмотрим их по очереди. Сначала идет перечень ползунков, позволяющих настроить яркость, контрастность, насыщенность и передачу цветов. Регулируйте их, смотря на результат в окне предпросмотра.

Используйте «Color presets», активируя находящиеся там пункты путем установки возле них галочек, чтобы выбрать одну из цветовых заготовок или вовсе сделать анимацию черно-белой.

Дополнительно EzGIF предлагает задействовать и самые разные фильтры, превращающие изображение в нечто другое путем полного изменения палитры цветов или наложения дополнительных эффектов. Ознакомьтесь с их действием, по очереди активируя каждый пункт, чтобы понять, какой из них подойдет именно для вашего проекта. По завершении нажмите на «Apply Selected», чтобы применить выбранное.

Если вы выберете инструмент «Speed» и опуститесь ниже картинки, сможете самостоятельно изменить скорость воспроизведения анимации. Она сразу же начнет проигрываться в основном окне, поэтому слежение за результатом происходит в режиме реального времени.

EzGIF предоставляет опцию и для добавления текста к каждому существующему кадру анимации. Для этого здесь есть специально отведенный инструмент под названием «Write».

После его выбора перейдите к первому кадру. Впишите в отведенное поле текст, настройте его размер, положение и цвет. Если вас устраивает результат, кликните по «Set», чтобы применить его.

То же самое осуществляется и со всеми остальными кадрами, входящими в анимацию. Просто опускайтесь ниже и обращайте внимание на нумерацию, чтобы найти подходящие элементы.

К текущей картинке можно добавить дополнительные элементы, например, наложить водяной знак. На верхней панели выберите «Overlay».

Под изображением переходите к выбору файла, который будет на нем размещен, а затем задайте для него положение и размер.

Иногда бывает необходимо обрезать анимацию, например, отделив лишние первые или заключительные кадры. В этом поможет инструмент «Cut».

Используйте форму ниже, чтобы назначить начальный и конечный кадр — это самый удобный алгоритм обрезки, не занимающий у пользователя много времени.

Последний раздел «Frames» позволяет работать с каждым кадром отдельно, выводя их все на экран. Можете выбрать для каждого из них задержку, скопировать или вырезать из проекта.

Если работа с проектом завершена и вы готовы его сохранить, щелкните по кнопке «Save».

GIF-анимация сразу же будет скачана на локальное хранилище и доступна для просмотра. Внимательно ознакомьтесь с ней, чтобы удостовериться в качестве редактирования.

API

(, , , , , , , , )

  • input (type:string): Path to source image or images;
    Example:
    1. ;
    2. ;
    3. ;
    4. ;

  • output (type:string): Path to compress images;
    Example:
    1. ;

  • option (type:plainObject): Options module`s «compress-images»;

    • compress_force (type:boolean): Force compress images already compressed images or ;
    • statistic (type:boolean): show image compression statistics or ;
    • pathLog (type:string): Path to log file. Default is ;
    • autoupdate (type:boolean): Auto-update module «compress_images» to the latest version or ;
      Example:
      1. ;
  • enginejpg (type:plainObject): Engine for compressing jpeg and options compress. Key to be ;

    • engine (type:string): Engine for compressing jpeg. Possible values:
      ,, , , , , ;
    • command (type:boolean|array): Options for compression. Can be or commands array.
      • For mozjpeg — in details mozjpeg;

      • For guetzli — (Very long compresses on Win 8.1 https://github.com/google/guetzli/issues/238) in details guetzli;

      • For jpegRecompress — in details jpegRecompress;

      • For jpegoptim —
        To use jpegoptim you must , this library does not work properly on some OS and platforms.
        from https://github.com/imagemin/jpegoptim-bin
        Issues!
        May be a problems with installation and use on Win 7 x32 and maybe other OS:
        compress-images — issues/21
        Caution! if do not specify all images will be compressed in the source folder and will be replaced.
        For Windows x32 and x63 also, you can use https://github.com/vikas5914/jpegoptim-win. Copy jpegoptim-32.exe and replace and rename in «node_modules\jpegoptim-bin\vendor\jpegoptim.exe»

  • enginepng (type:plainObject): Engine for compressing png and options for compression. Key to be ;

    • engine (type:string): Engine for compressing png. Possible values:
      ,, , , , ;
    • command (type:boolean|array): Options for compression. Can be or commands array.
  • enginesvg (type:plainObject): Engine for compressing svg and options for compression. Key to be ;

    • engine (type:string): Engine for compressing svg. Possible values:
      ;
    • command (type:string): Options for compression. Can be or commands type string.
  • enginegif (type:plainObject): Engine for compressing gif and options for compression. Key to be ;

    • engine (type:string): Engine for compressing gif. Possible values:
      , , ;
    • command (type:boolean|array): Options for compression. Can be or commands type array.
  • callback (err, completed, statistic):
    returns:

    • err (type:json object|null)
      • engine — The name of the algorithm engine
      • input — The path to the input image
      • output — The path to the output image
    • completed (type:boolean)
      • — result completed.
      • — result not completed.
    • statistic (type:json object)

Reviews

Don’t buy premium version first… it is very important. It can be good to you or not, you can buy it when it is good for you really. It has many sales so you have enough time to think carefully and buy premium.

———— i edit my review ——

Its lazy load made my images in blog broken really. But I think my cloudfront had problem so I canceled it and use its CDN and it works well maybe. I still don’t know well but I reinstall it and try to use it again and again;;
I test webp feature many times but I don’t know difference. Its CDN too…

Le meilleures plugin de compression sans connaissance avec CDN. Tout est créé pour êtres facile.

Avec des images rapides sans perte de qualité visuelle.

Java et CSS passent par le CDN . Je le recommande a tous les sites WordPress

Et surtout, un support de qualité quoi qu’il arrive, ils sont là pour vous aider

Bravo Bonne, continuation!

Отчёт: география и посещаемость сайта

Отчёт в графической форме показывает объём посещений сайта compressor.io, в динамике, с привязкой к географическому размещению активных пользователей данного сайта.
Отчёт доступен для сайтов, входящих в TOP-100000 рейтинга Alexa. Для всех остальных сайтов отчёт доступен с некоторыми ограничениями.

Alexa Rank – рейтинговая система оценки сайтов, основанная на подсчете общего количества просмотра страниц и частоты посещений конкретного ресурса. Alexa Rank вычисляется исходя из показателей за три месяца. Число Alexa Rank – это соотношение посещаемости одного ресурса и посещаемости прочих Интернет-порталов, поэтому, чем ниже число Alexa Rank, тем популярнее ресурс.

Оптимизация изображений – Полный чеклист.

Итак, соберём всё в один чеклист, для более удобного использования. Оптимизация изображений на сайте происходит по следующему сценарию:

  1. Придумываем название картинки так, чтобы оно чётко описывало содержание и могло быть использовано в качестве атрибута Alt в дальнейшем. Например: домик-на-берегу-озера.jpg.
  2. Подгоняем размеры и пропорции картинки под нужные значения. Если до этого не замеряли ширину страницы, сделать это и запомнить результат на будущее.
  3. Оптимизируем картинки с помощью одного из трех вариантов сжатия: Онлайн сервис, плагин или программа. Стараемся сохранить качество!
  4. Перед загрузкой изображений установить плагин для транслитерации названий, чтобы при загрузки имя картинки менялось на латинские буквы автоматически.
  5. Установить на сайт скрипт-хук, который будет подставлять в поле атрибута Alt описание в автоматическом режиме при добавлении в запись.
  6. Добавляем подпись снизу изображений, которая будет описывать что вы имеете ввиду показывая эту картинку посетителям.
  7. При необходимости прописываем дополнительные атрибуты или оборачиваем картинку ссылкой при надобности.
  8. Повторять эту процедуру при каждом добавлении изображений на сайт. Взять это за привычку и не забывать.

Чеклист по оптимизации изображений от WPMaster.kz

License

MIT License

Copyright (c) 2017 TAMARA SEMINA

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the «Software»), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED «AS IS», WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

Light Image Resizer

Light Image Resizer — приложение, которое используется для оптимизации изображений: сжатие файлов без потери качества, применение эффектов, добавление водяных знаков. Утилита поддерживает все популярные форматы фотографий.

Программа совместима с операционной системой Windows XP и новее (32/64 бит). Для загрузки доступна полностью русская версия ПО. Модель распространения приложения Light Image Resizer — условно-бесплатная. Чтобы получить полную версию, необходимо купить лицензию. Стоимость полной версии составляет 20 долларов. Доступна бесплатная Trial-версия с ограничениями: пользователи могут обработать не более 100 изображений.

На начальном этапе работы с утилитой необходимо загрузить графические файлы. Для этого нужно воспользоваться инструментом «Файлы» и выбрать фотографии, расположенные на компьютере.

После загрузки фотографии необходимо нажать «Вперед». Откроется окно с настройками. Здесь пользователи могут выполнить следующие действия:

  1. Изменить разрешение изображения.
  2. Выбрать режим: обрезать, растянуть, подогнать, по центру.
  3. Установить папку для сохранения файла.
  4. Применить эффекты и фильтры.
  5. Перевернуть изображение.

В строке Compression нужно указать качество сжатия в процентах. Альтернативный вариант — пользователи могут указать желаемый размер файла. В этом случае программа Light Image Resizer автоматически подберет нужное качество для фотографии в соответствии с установленным размером. Чтобы запустить процесс необходимо нажать «Выполнить».

Преимущества:

  • удобный интерфейс с поддержкой русского языка;
  • возможность применения эффектов для фотографии;
  • поддерживается возможность пакетной обработки изображений;
  • пользователи могут указать точный размер файла для сжатия.

Недостатки:

нет возможности создания слайд-шоу.

TinyPNG

Откройте страницу TinyPNG, перетащите в специальную форму изображения в форматах .pnf и .jpg (можно загрузить файлы обеих форматов одновременно) со своего компьютера.

Особенности онлайн сервиса TinyPNG:

  • Поддержка форматов JPG и PNG
  • Загрузка на сервис до 20 изображений
  • Размер одного файла не более 5 MB

После обработки, в окне сервиса отобразится процент сжатия и общий размер сжатых графических файлов.

При помощи ссылки «download» загрузите на компьютер готовое изображение. Обработанные изображения можно сохранить в облачное хранилище Dropbox (кнопка «Save to Dropbox»), или скачать на компьютер сразу все изображения (кнопка «Download all»). Сохраненные файлы имеют оригинальное название.

Я использую этот сервис для оптимизации изображений, которые я добавляю на свой сайт. Вначале я обрабатываю картинки в программе Photoshop: изменяю размер (соотношение сторон) изображений, оптимизирую для web, сохраняю файлы в форматах «.jpeg» и «.png».

Далее я дополнительно сжимаю изображения на сервисе TinyPNG (TinyJPG), затем скачиваю на компьютер изображения наиболее меньшего размера в форматах JPEG или PNG.

Программы для Изменения размера картинок

Есть масса программ, которые осуществляют пакетную обработку файлов. Рассмотрим несколько таких вариантов.

XnView — специальная бесплатная программа, которая используется для редактирования изображений. Это очень удобная и простая в управлении утилита работает с высокой скоростью и имеет русскоязычную версию.

  • Открываем папку с фото, которые будем редактировать с использованием клавиш Ctrl+O.
  • Через Ctrl + А выделяем все файлы.
  • Жмем на «Преобразование».
  • В «Пакетной обработке» укажите папку для последующего сохранения измененных файлов.
  • Нажимаем «Преобразование».
  • Выбираем необходимый параметр, например, «Изменения размера».
  • Жмем кнопку «Добавить».
  • В правом окне задаем параметры изменения (ширину и высоту). Сделать это можно самостоятельно или выбрав из предложенных программой (в этом случае не забудьте снять галочку возле «поменять высоту с шириной»).
  • Нажимаем «Выполнить».
  • После завершения процесса проверяем результат в конечной папке.

Fast Stone Image Viewer — еще одна бесплатная программа, которая позволяет изменять изображения и сохранять их в «облаке», создавая виртуальные архивы. Софт имеет массу дополнительных возможностей, легко устанавливается и управляется:

  • Открываем папку с отобранными фотографиями в программе.
  • Выделяем картинки, которые будут редактироваться через «преобразовать выбранное».
  • Из высветившихся с левой стороны файлов, которые есть на компьютере, выбираем и перетаскиваем в правое окно путем нажатия «добавить» те, которые необходимы для обработки (чтобы редактировать все файлы, можно сразу нажать «Добавить все»).
  • Далее выбираем настройки.
  • Выбираем «Изменить настройки и размеры» «дополнительно».
  • Выбираем «Изменить размер» и ставим отметку.
  • Устанавливаете необходимые параметры в открывшемся окне.
  • Предварительный просмотр с помощью значка с изображением листика с лупой.
  • Нажимаем «Старт».

Отредактированные файлы сохранятся в указанной в настройках папке.

IrfanView обладает широкими возможностями пакетной обработки. Пользуется большой популярностью, очень компактная, работает с хорошей скоростью и переведена на русский язык. Для редактирования изображений с помощью IrfanView необходимо сделать следующее:

  • Запустите программу и откройте меню File.
  • Выбираем Batch conversion.
  • В левом верхнем углу поставьте отметку на batch conversion.
  • Выберите формат, в котором будут сохранены файлы.
  • Определите параметры редактирования.
  • Выберите папку для сохранения готовых фото.
  • Нажмите Start Batch.

Программа сама отредактирует и сохранит в выбранной папке все выбранные картинки.

Compressnow

If you are working with other formats in addition to PNG, then you might want to give Compressnow a try. This is a free service, but is accompanied with quite a few ads.

The service comes in English, French, and Spanish – a fact that may be appreciated by international users.

However, the multilingual interface is arguably less important in this setting, as the interface has images to hint what to do and there are only a few lines of text anyway. Nonetheless, it’s a nice touch to have non-English options.

Compressnow works with GIF, JPG, JPEG, and PNG. However, with the PNG image I tried, background transparency was not preserved. What is more, the image was converted from PNG to JPG, which was not a nice surprise.

Here is the PNG output:

Original image – 445KB

Compressnow Compressed Image

Compressnow Compression: 96.3 KB to 70.2 KB.

This image was made with 20% compression (I chose this). Compressnow allows you to set the percentage – this gives you flexibility to find the optimal between small image size and image quality.

With JPG I used the same compression percentage. The image shrunk from 96.3 KB to 70.2 KB. Again the image quality was quite OK:

Original JPG

CompressNow Compressed Image

Result

Compressnow offers batch processing with up to 10 images at 3MB max each (versus 9MB per file for single file processing). Batch processing didn’t seem to work on my system, but that may not mean it won’t work at all.

Подведем итоги (Рейтинг)

Здесь я представлю мой субъективный рейтинг плагинов оптимизации и обработки изображений. Мои основные критерии оценки – доступность и качество сжатия.

  1. Robin image optimizer;
  2. ShortPixel Image Optimizer;
  3. Imagify;
  4. EWWW Image Optimizer;
  5. Smush.

Таже приведу рейтинг платных плагинов оптимизации изображений по мнению авторитетного сервиса  ahrefs.com. В списке указана степень сжатия (размер обработанного файла по отношению к исходному).

  • Imageoptim: 69% (JPEG). 40% (PNG)
  • Shortpixel: 42% (JPEG). 59% (PNG)
  • Kraken.io: 13% (JPEG). 63% (PNG).
  • TinyPNG: 27% (JPEG). 65% (PNG).
  • Optimizilla: 27% (JPEG). 60% (PNG)
  • Imagify.io: 6% (JPEG). 1% (PNG)
  • Compressor.io: 42% (JPEG). 58% (PNG)

Оцените статью
Рейтинг автора
5
Материал подготовил
Андрей Измаилов
Наш эксперт
Написано статей
116
Добавить комментарий