-Поиск по дневнику

Поиск сообщений в WestHighland

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 27.08.2010
Записей: 597
Комментариев: 7
Написано: 613


Без заголовка

Четверг, 24 Октября 2013 г. 10:18 + в цитатник
Цитата сообщения Rost Оптимизируем картинки вместе с Yahoo!

Сегодня научу, как не имея никаких программ на компьютере, быстро и просто оптимизировать изображения, которые вы собираетесь использовать в своих сообщениях (на ЛиРу и не только). А поможет нам в этом известный сервис "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-информацию?

  •  

    Добавить комментарий:
    Текст комментария: смайлики

    Проверка орфографии: (найти ошибки)

    Прикрепить картинку:

     Переводить URL в ссылку
     Подписаться на комментарии
     Подписать картинку