Как уменьшить вес картинки, сохранив ее размер

20

Декабрь 20, 2014 by Анна Кучерова

уменьшить картинку

 Как уменьшить вес картинки, сохранив ее размер

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

Что делать? Как уменьшить вес картинки, сохранив ее параметры в пикселях? На днях протестировала онлайн-сервис, который успешно справляется с подобной задачей – Jpegmini. Загружаешь фотографию, нажимаешь кнопку «try now» и скачиваешь полученный результат обратно на комп.

Все просто, смотрите и повторяйте.

анимация как уменьшить вес картинки

Как видно, исходный файл весил всего 1,51МБ, поэтому сервис смог уменьшить его всего до 907КБ. При этом размер как был 2000 х 1414px, так и остался. Чтобы получить лучший результат нужно подбирать картинки с максимальным весом.

Не вижу смысла углубляться в освоение сервиса, регистрироваться и создавать альбомы, как там предлагают. Больше мороки с загрузкой картинок, а добавится только одна функция – загрузить в Picasa. Все то же можно делать с главной, как показано в инструкции.

Сейчас мы их проверим, сейчас мы их сравним

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

  • Как уменьшить вес картинки с надписями. Запоминающиеся мотиваторы и демотиваторы, а также смешные карикатуры теряют свою привлекательность пропорционально размеру.

комиксы мини-min

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

  • Как уменьшаются красивые панорамные фотографии с большим весом показывают более впечатляющие результаты;

панорама-min

  • Как уменьшить вес картинки с Mind картой, таблицей или скриншот.

Сжимать этим сервисом до приемлемого веса получится далеко не каждую mind карту и скриншот. Иногда они теряют вес совсем чуть-чуть, что, видимо, обусловлено принципом работы сервиса. Чем картинка тяжелей, тем больше веса она потеряет.

Примерно таким же функционалом и простотой обладает онлайн-сервис Optimizilla. С некоторыми задачами он справляется даже лучше. Например, как уменьшить вес картинки, точнее огромной mind карты с исходным размером 5954 х 4628px на 1,7МБ? После обработки в optimizilla размер полностью сохранился, а вот вес удалось уменьшить до 538КБ.

Как это работает:

анимация optimizilla

Именно в таких случаях просто необходимо знать, как уменьшить вес картинки, сохранив ее параметры в пикселях.

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

 Читайте о других полезных сервисах:

SmartCat — переводчик онлайн abbyy и лучший помощник блоггера

Как научиться печатать быстро: 3 помощника фрилансера

«Ненавижу!» или как пройти антиплагиат


20 comments »

  1. Есть два мифа здесь:

    1. Что размер картинки, даже в виде фото, существенно тормозит загрузку страницы.
    На самом деле, любая картинка нормального формата (не на пол страницы) весит сравнительно мало и на загрузке это практически не отражается.

    2. Что качество при уменьшении веса не теряется.
    Суди сами: за счёт чего уменьшается вес? За счёт уменьшения кода картинки, а значит за счёт убирания «невидимых» цветов — за счёт огрубления картинки.

    Вывод, картинку стоит облегчать, если она реально тормозит загрузку — имеет, действительно, большой вес. Во всех остальных случаях, можно не тратить время и не заморачиваться.
    Во всяком случае, так делаю я, а уж никто не скажет, что у меня мало картинок и они маленькие на сайте.

    • Анна Кучерова:

      Я читала, что в идеале каждая картинка не должна превышать 100КБ. Иногда появляется необходимость включить в статью большую по размеру таблицу или mind карту. Но у меня, например, рука не поднимется добавить медиафайл весом 2МБ. Я бы искала способ сделать его легче. Собственно, я и нашла.)) Даже два таких способа.
      А насчет кода картинки, как по мне, если шрифт по-прежнему четкий, а снимок выглядит красиво, то какая разница сколько «невидимых» цветов убрали.

      • Откуда у вас такие цифры!? Какие МБ, какие 100КБ? Вот посмотрите мою последнюю статью на моём сайте: семь картинок, текст тоже не маленький, а вес всего 86КБ, притом это «много»: обычно вес страницы 40-60КГ.
        Конечно, рисованная картинка может и не меняться, а вот фото меняется, и на глаз сильно видно.

        • Вот, кстати, ваша эта страница, целиком весит всего 33.6КБ.

          • Нет. Столько мало она не весит. Проверял сервисом
            tools.pingdom.com/fpt/
            Весь этой страницы 1,2 Mb. Это очень много.

            • Не хочу и не буду вдаваться в подробности: возможно загрузочный вес страницы и большой — она грузится медленно, я же дал цифру с не потолка, а тоже с сервиса, только этоnт сервис проверяет не суммарный вес страницы (что там напихано внутри под фейсом страницы, этого не видно ни нам ни загрузчику — это только тормозит его), а чисто загрузочный вес. Вот, можете убедиться:
              Домен Размер Время загрузки Средняя скорость
              plativseti.net/kak-umenshit-ves-kartin/ 38.1 Кб 11.18 сек 3.41 Кб/сек

              • Это не то. 11 секунд для этой страницы — такое не может быть.
                Все же лучше проверять тем сервисом, что я давал. Он учитывает все, и изображения и скрипты. Просто там более подробная информация. Можно посмотреть, какие фотки весят много, какие скрипты и плагины дают большую нагрузки и так далее. Сервис очень хороший! Сам им часто пользуюсь.)))

  2. На счет мифов, скажу что любая картинка отражается на скорости. Сам не один раз проверял. Картинки нужно сжимать. Это факт! Со сжатыми картинками сама страница может весить в 2 — 5 раз меньше оригинала. а значит время загрузки страницы будет меньше.
    Также стоит добавить, что картинки не только нужно сжимать в статьях, но и в самой теме. Я когда в своей теме сжал все картинки, то время загрузки уменьшилось на 1 — 1,5 секунды. Поэтому сжимать надо. Особенно сильно тормозять фоновые изображения или изображения в шапке. Так что, Аня, сжимай изображения и в своей теме.
    На счет качества, то при сжатии, качество все же теряется. Однако обычным глазом это не всегда заметно. Поэтому тут сильно заморачиваться не стоит. Я вообще, некоторые картинки сжимаю по 10 20 раз.)))))
    Сжимаю я сервисом tinypng.

    • По мне так это ещё один миф:
      Сжатие ускоряет загрузку! Судите сами: для того, чтобы показать сжатый файл, его нужно разжать, на что нужно тоже время.
      Сжатие существует не для ускорения загрузки, а для экономии места на сервере или в компьютере.
      А у Ани, просто, напихано на сайте всяких плагинов и скриптов, вот они и дают вес и тормозят загрузку до 10-12 сек. Это ОЧЕНЬ много и плохо.
      Для сравнения, Сергей: не поленитесь, зайдите на мой сайт, посмотрите размер шапки, количество картинок и текста на страницах. А грузятся они все меньше секунды. Так у меня еще и реклама тормозит — два сторонних сервера подключаются.

    • Анна Кучерова:

      Сергей, спасибо за советы относительно картинок темы. Не подумала бы об этом. И обязательно посмотрю сервис, которым ты пользуешься.

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

  4. Вот данные сервиса, который уж ни как не может врать, по скорости и весу: http://pr-cy.ru/speed_test/
    Результат проверки
    Домен Размер Время загрузки Средняя скорость
    plativseti.net/kak-umenshit-ves-kartinki 44.7 Кб 11.11 сек 4.02 Кб/сек
    love-family-life.info 26.4 Кб 0.45 сек 58.57 Кб/сек
    love-family-life.info/seks-zhenshhinyi 56.7 Кб 0.38 сек 149.18 Кб/сек

    • На вашем сервисе непонятно, что от куда берется. Поэтому у меня к нему особого доверия нет. Отчет-то поверхностный!
      Попробуйте тот, о котором я говорил. Там вы увидите совершенно другие цифры. Да и отчет более детальный. Показано, что откуда берется.
      У Ани эта страница 11 секунд не грузится. Даже я на глаз скажу, что тут нет 11 секунд. Поэтому с того сервиса данные неточны.

      • Анна Кучерова:

        Посмотрела оба сервиса, думаю, их стоит иметь в закладках. tools.pingdom действительно дает много информации к размышлению. И хотя у меня нет лишних плагинов (их всего 10), работать есть над чем. Кстати, Сергей был прав относительно картинки в заголовке, ее стоит чуть сжать. Спасибо, Владимир, что затронули такую серьезную тему.

        • Ой, ну, Аня! Вы можете себе поставить всего лишь 1 плагин и он вам посадит сайт по самое нехочу. Тут важно не столько количество, как какой плагин. Ваши же плагины напрямую влияют на интерфейс страниц, вот и один из десяти может садить страницу.
          А вес вашей шапки, ну, никак не может влиять на загрузку, ибо он легче одного абзаца текста в этой статье.
          Впрочем, дело ваше: экспериментируйте, если хотите сами убедиться.

      • Спасибо, Сергей, но я, раз приняв решение, его не меняю, тем более в таких простых делах как эти. Пользоваться сервисами не люблю, да и времени и желания у меня на это нет.
        Для меня эти вопросы насчёт сжатия, уменьшения веса, загрузки, давно отвечены и решены. И можете мне поверить, всё, что вы говорите и предлагаете, я давно испробовал.
        Я высказал своё мнение, на мой взгляд вполне обоснованное. А это ваше дело: считаться с ним или оставаться при своих знаниях.

  5. Да это очень важно знать как уменьшать обьем картинок без вреда для их размеров, чтобы не перегружать сервер.

    • Анна Кучерова:

      Злоупотреблять только этим не стоит. А то, действительно, можно получить кучу изуродованных картинок. Некоторые можно совсем не трогать.

  6. Scarlet:

    http://fotomini.ru — самый простой и надежный способ уменьшить вес фотографий без потери качества. Одновременно можно сжать до 20 фото.

    • Анна Кучерова:

      Спасибо за рекомендацию, Scarlet, обязательно попробую этот сервис

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *