• Авторизация


Оптимизируем картинки вместе с Yahoo! 23-10-2013 18:23 к комментариям - к полной версии - понравилось!

Это цитата сообщения Rost Оригинальное сообщение

Оптимизируем картинки вместе с 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-информацию?
  • вверх^ к полной версии понравилось! в evernote


    Вы сейчас не можете прокомментировать это сообщение.

    Дневник Оптимизируем картинки вместе с Yahoo! | -ОлЮша- - Дневник -ОлЮша- | Лента друзей -ОлЮша- / Полная версия Добавить в друзья Страницы: раньше»