Оптимизируем картинки вместе с Yahoo!

Сегодня научу, как не имея никаких программ на компьютере, быстро и просто оптимизировать изображения, которые вы собираетесь использовать в своих сообщениях (на ЛиРу и не только). А поможет нам в этом известный сервис "Smush It" от известной компании "Yahoo!".

Сам сайт "SmushIt.com" позволяет оптимизировать как картинки с диска вашего компьютера, так и картинки уже загруженные в Интернет.

Вариант №1
Если вы не хотите предварительно картинки куда-то загружать, то вам надо перейти на сайт "SmushIt.com" и выбрать там вкладку "Uploader" (синяя рамка на скриншоте ниже):


После этого надо нажать на кнопку "Select Files and Smush" (красная рамка на скриншоте выше). Выберите нужные файлы или файл. Сайт загрузит выбранные файлы или файл, обработает их или его и выдаст примерно вот такой результат:

Тут сайт даёт вам очень детальный отчёт по суммарному уменьшению объёму, а так же по уменьшению объёма для каждого файла.

Чтобы скачать оптимизированные файлы или файл в виде zip-архива, надо просто нажать на кнопку "Download Smushed Images" (надеюсь, вы умеете открывать zip-архивы).

Справедливости ради надо заметить, что RIOT смог уменьшить последний файл ещё на 20% (смотрите сами).

Вариант №2
Если вы хотите оптимизировать уже загруженные куда-то картинки (например, на ЛиРу), то сайт и это может сделать. Как загрузить много картинок на ЛиРу (например), можно узнать, прочитав сообщение: "Всё про изображения (для ЛиРу и не только)". Вам надо перейти на сайт "SmushIt.com" и выбрать там вкладку "URL" (синяя рамка на скриншоте ниже):

Потом вставить адреса ваших картинок в форму и нажать на кнопку "Smush" (красная рамка на скриншоте выше).

Результат будет примерно такой же. Правда, у меня сайт отказался брать сразу 2 адреса:


Подробности чуть ниже (извините за криворукость, фотошопом не владею):


Чтобы скачать оптимизированные файлы или файл в виде zip-архива, надо просто нажать на кнопку "Download Smushed Images" (надеюсь, вы умеете открывать zip-архивы).

Вариант №3
Если картинки уже загружены на какой-то странице, а вы не только хотите их скачать оттуда, но и сразу оптимизировать, есть смысл использовать специальное расширение от Yahoo! для Google Chrome или Mozilla Firefox, которое называется "YSlow".

Итак, вы нашли и установили это расширение. Теперь заходим на страницу, откуда хотите скачать файлы. После того, как страница загрузилась, запускаете расширение "YSlow".

После запуска расширения нажимаете на кнопку "Run Test":


После того, как тест прошёл, перейдите на вкладку "Components", а там найдите строку "images":

Откройте её.

В качестве примера использовал ссылку на это сообщение в черновике и вот это изображение (кстати, его использовал в качестве примера для каждого варианта).
Поскольку строка с ним очень длинная, порезал её на 3 части.

Сначала нам напишут размер этого изображения:


Потом его адрес:


А под самый конец укажут дату его загрузки и предложат "smush.it" его:


Нажимаем на эту ссылку, какое то время ждём и получаем следующее:


Если вы нажмёте на ссылку "Click here to view or save the result image.", то сможете в новом окне посмотреть полученное изображение и сохранить его (при желании). Таким образом можно сразу оптимизировать картинки, не скачивая их для этого к себе на компьютер. Кроме того, как уже писал ранее, нет необходимости в установке какого-либо ПО.

Ранее на эту тему:

Как сделать картинку меньше, не потеряв в качестве?

Как уменьшить объём изображения, удалив EXIF-информацию?

Тэги: gif, jpeg, jpg, png, изображения, картинки, оптимизация, фото