Тамара (mtv59) wrote,
Тамара
mtv59

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Сначала нам напишут размер этого изображения:
Оптимизируем ваши картинки вместе с Yahoo!

Потом его адрес:
Оптимизируем ваши картинки вместе с Yahoo!

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

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

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

Ранее на эту тему:
  • Как сделать картинку меньше, не потеряв в качестве?
  • Как уменьшить объём изображения, удалив EXIF-информацию?
  • Серия сообщений "уроки Rosta":
    75741863_0_43c2e_d1487a03_L (150x124, 31Kb)
    Часть 1 - 8 простых советов по оформлению блога.
    Часть 2 - Как дать сссылку на пост в черновике?
    ...
    Часть 37 - Всё про авторитетность.
    Часть 38 - Как избавить плеер с сайта «prostopleer.com» от рекламы?
    Часть 39 - Оптимизируем картинки вместе с Yahoo!

    Оригинал записи и комментарии на LiveInternet.ru

    Subscribe

    • Post a new comment

      Error

      Anonymous comments are disabled in this journal

      default userpic

      Your IP address will be recorded 

    • 0 comments