Как уменьшить размер файла JPG без потери качества. Как уменьшить размер картинки для сайта


Как уменьшить вес фото без потери качества

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

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

 

Как уменьшить вес фото без потери качества

Чем меньше весит страница, тем быстрее она загрузится. И чаще всего вес увеличивается как раз из-за картинок. Многие начинающие блоггеры не задумываются о том, что нужно делать изображения как можно легче.

Элементарный пример: обычная несжатая фотография весит примерно 1,5-3 мб в лучшем случае. Бывают и более тяжелые случаи. Это фото можно уменьшить без потери качества более чем в 10 раз – до 50-100 кб.

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

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

Работать я буду с фотографией котика, которая весит 3мб (из интернета).

1. Сделать скриншот и вырезать. Первым делом я сделала скриншот картинки и сохранила отдельно – вес сразу стал 104 кб, качество пострадало лишь чуть-чуть, только если приблизить фото вплотную. Я скриншот делала с помощью встроенной функции Win7 Ножницы. Находятся в Пуск – Все программы — Стандартные – Ножницы.

Но не у всех есть такая возможность, так что можно просто нажать кнопочку Print Screen на клавиатуре, потом открыть Paint и с помощью клавиш ctrl + V вставить туда картинку. Обрезать лишнее, чтобы осталась только нужная картинка. Но таким способом вес получился 206 кб, что все равно лучше оригинала.

2. Paint может помочь уменьшить вес фотографии и без лишних заморочек со скриншотами. Просто откройте фотографию с помощью этой программы (она бесплатная и должна быть установлена по умолчанию). Нажмите Изменить размер и поставьте галочку на пикселях.

Как уменьшить вес фото без потери качества в paint

Уменьшаем цифру в поле По горизонтали на значение, которое вас устроит. Я указала 500, и вес сократился до 72,2кб. Выбирайте число, которое примерно равно ширине страницы на вашем сайте.

Это один из самых простых и доступных способов, но иногда уменьшение размера не сильно помогает. Можно использовать другие методы.

3. Picture Manager – это полезная программа для сжатия фотографий. Входит в стандартный пакет Microsoft Office, так что скорее всего у вас установлена.

Большой плюс этой программы – можно одновременно уменьшить размер и вес нескольких фотографий.

Нажмите на нужную фотографию Правой Кнопкой Мыши (ПКМ) и выберите Открыть с помощью — Microsoft Office Picture Manager.

Открыть с помощью Picture Manager

Нажимаем Изменить рисунок – Сжатие рисунков и выберите подходящий вариант сжатия. Например, в режиме Веб-страниц вес уменьшается с 3мб до 26,6кб, что можно считать очень хорошим результатом.

Как уменьшить вес фото без потери качества в Picture Manager

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

4. Photoshop – очень удобный способ, но только если вы разбираетесь в этой программе и она у вас установлена. Нажмите на фотографию ПКМ, выберите Открыть с помощью – Photoshop.

В верхнем меню Изображения выберите пункт Размер изображения или просто нажмите сочетание клавиш Alt+Ctrl+I. Здесь можно сократить размер фото до нужного.

Как уменьшить вес фото без потери качества в Photoshop

Когда установите нужный размер, нажмите ОК. Зайдите в меню Файл – Сохранить как… и даем нужное название, жмем Сохранить. После этого откроется окно, где можно внести дополнительные настройки:

фотошоп сохранение

Здесь уменьшаем качество до 8 – это все еще высокое качество, но сокращает размер примерно на четверть. В разновидности формата можно выбрать любой вариант, я выбираю обычно Базовый.

Как видите, в этом случае размер уменьшается до 75,6кб, что тоже можно считать отличным результатом. Для своего сайта я уменьшаю фотографии именно с помощью фотошопа, используя шаблон с определенным размером и подгоняя картинки под него.

5. Онлайн сервисы – неплохая альтернатива всем вышеперечисленным методам. Не придется устанавливать дополнительные программы или разбираться в сложных схемах.

Найти подобные сайты можно без труда – их много. Я рассмотрю процесс на примере watermark.algid.net. Нажмите на верхнем меню Сервисы и выберите Изменение размеров изображения.

Как уменьшить вес фото без потери качества watermark.algid

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

watermark.algid2

Нажмите кнопку Следующий шаг и сохраните полученное изображения, нажав ПКМ на него и выбрав Сохранить как…

Коллажи – отличный способ соединить 2-4 фотографии в одну, сократив их вес и не убирая их из статьи. Очень пригодится при размещении пошаговых рецептов – в одном снимке 4 шага. Для этих целей я использую удобный сайт pizapru.com. Бесплатный, без регистрации, интуитивно понятный и с множеством функций. Рекомендую.

Вот и все основные способы уменьшить вес фото без потери качества. Какой именно способ выбрать – решать вам.

 

Как оптимизировать изображение для сайта

 

А теперь дополнительные советы о том, как же оптимизировать картинки для сайта или блога:

  • Сохраняйте изображения в формате JPEG — это отличный способ сжать фото без потери качества.
  • Избегайте «тяжелых» форматов, например PNG. С его помощью можно добиться эффект прозрачности на картинках, так что многие его используют. Но иногда лучше отказаться от лишней красоты, и увеличить скорость загрузки сайта.
  • Называйте фотографии ключевыми словами, а не набором букв – поисковые системы обрабатывают названия и выводят их в поисковой выдаче. Так что вы можете получить дополнительный приток посетителей, если с умом выберите название.
  • В поле ALT или альтернативный текст нужно указать описание того, что изображено на картинке. Если картинка не загрузится, чтобы люди могли узнать, что там было изображено. Можно в описание естественно вписать ключ.
  • В поле Title стоит ввести текст, которые будет появляться при наведении курсора на картинку. Поисковые системы не учитывают этот показатель при ранжировании, так что ключ вписывать необязательно. Многие вебмастера вовсе не заполняют это поле.
  • Старайтесь использовать уникальные фотографии. Как добиться уникальности изображений я писала в этой статье.

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

Читайте также:

xn--80aaacq2clcmx7kf.xn--p1ai

Как уменьшить картинку: 4 простых способа

сжатие

Привет всем читателям Blog-Bridge.ru! Наверняка каждый блоггер сталкивался с такой ситуацией: у меня не помещается картинка! Да-да, было у всех. Зачастую, иллюстрация, которую мы хотим вставить почему-то не умещается на ресурсе или занимает слишком много места.

Поэтому приходится прибегать к различного рода программам-помощникам для того, чтобы исправить эту ситуацию.

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

Сегодня мы поговорим о том, как уменьшить картинку.

Для чего это нужно?

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

  1. Самая главная проблема большеразмерных иллюстраций — они мешают быстрой загрузке сайта. Статистика показывает, что в среднем человек готов ждать загрузки ресурса до 4 секунд. Далее он начинает чувствовать раздражение. А согласитесь, что это чувство совершенно не нужно вашим читателям, которые намеревались открыть ваш суперский пост с приятным предвкушением. От долгой загрузки статьи впечатление от прочтения информации может быть не столь радостным. В результате можно просто потерять читателей, каким бы познавательным и интересным не был ваш контент.
  2. Проблема загрузки изображения для отправления по электронной почте или добавления в пост. Ведь на разных сайтах есть свои особенности размещения фото или картинок. Зачастую, если вы снимаете на хороший фотоаппарат, то вес фото может достигать больших размеров (10 мб), что для некоторых ресурсов просто не позволительная роскошь.

Так что же делать в таких ситуациях?

Способы уменьшения картинок

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

1.  Сайт resizepiconline.com -  хороший метод изменить разрешение фото.

Нажимаете «Загрузить изображение» — откроется окно загрузки любого фото из компьютера. Выбираете картинку, которую необходимо уменьшить и загружаете.

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

 

Затем у нас появится окно, где вы можете изменить выбранную иллюстрацию по следующим параметрам: ширина, качество, формат.

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

 

После того, как вы настроите картинку, нажимайте на «Изменить размер».

Далее, появится результат, и вы сможете скачать свое творение к себе на компьютер.

результат

 

По такому принципу работает достаточно много сайтов, есть как бесплатные, так платные, выбирать вам.

2. Программа «Paint». Еще один метод, которым могут воспользоваться практически все. Исключением являются те, кто пользуется продукцией apple и linux.

Как же изменить изображение с помощью этой программы? Правой кнопкой мыши кликаете по картинке и выбираете «Открыть с помощью» — «Paint».

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

Теперь в основном меню нажимаете на кнопку «Изменить размер» и у вас откроется окно с параметрами для изменения.

Правой кнопкой мыши кликаем по документу и выбираем «Открыть с помощью» - «Paint».

Устанавливаете необходимый размер (рисунок уменьшится до этого разрешения).

Правой кнопкой мыши кликаем по документу и выбираем «Открыть с помощью» - «Paint».

 

Вносите эти данные в поле «по горизонтали» и «по вертикали» и нажимаете на «Ок»:

Готово! Теперь осталось только сохранить этот документ. Это делается в обычном порядке.

3. Программа Adobe Photoshop.

Заходите в программу и открываете нужную иллюстрацию.

Далее выбираете кнопку «Изображение» — «Размер изображения». как-уменьшить-картинку

В открывшемся окне в верхнем поле выставляете разрешение иллюстрации такого размера, которое вам необходимо.

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

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

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

После внесения всех изменений нажимайте «Ок».

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

 

4. Программа Microsoft Word.

Для этого необходимо переместить необходимый рисунок в документ.

Далее выбрать «Файл» — «Сведения» — «Параметры» - «Дополнительно» как-уменьшить-картинку

В открывшемся окне в поле «Качество вывода» выбираете необходимое количество пикселей.

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

На этом все — разрешение уменьшено!

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

До новых встреч!

Если статья оказалась полезной, не забудь поделиться с друзьями!

Екатерина Калмыкова

 

blog-bridge.ru

Как оптимизировать картинки для сайта: 4 способа

Как оптимизировать картинки для сайта

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

Первая сторона оптимизации – скорость загрузки

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

Я думаю, ни для кого ни секрет, что основной вес страницы формируют изображения. Текст занимает ничтожную часть веса. Конечно, есть еще и подключаемые внешние файлы, которые тоже могут притормаживать загрузку, но о них мы сегодня говорить не будем. Итак, если говорить о контенте, то картинки загружаются дольше всего. 1 изображение может передаваться дольше, чем огромный кусок текста.

Хорошо, так как оптимизировать картинки прямо сейчаc? Здесь я предлагаю 2 способа:

Уменьшить размеры изображений до таких, которые необходимы для вставки в статью

Практический курс по верстке адаптивного лендинга с нуля!

Научитесь с нуля верстать адаптивные лендинги на HTML5 и CSS3 за ближайшие 6 дней

Узнать подробнее

Сжать изображение. Это позволит незначительно потерять в качестве, зато вес картинки уменьшиться на 30-70%!

Размеры изображений

Начнем с первого пункта. Когда вы ищете какие-то картинки для их размещения в тексте, их разрешение может составлять больше, чем вам нужно. Например, на большинстве сайтов ширина контентной части составляет 600-800 пикселей.

Это означает, что нет смысла добавлять картинку 1200×800 пикселей. Конечно, движок сам может ее преобразовать до нужных размеров, но в некоторых случаях лучше делать это самому. Ведь с сервера будет грузиться именно оригинал картинки, а он будет весить немало, учитывая разрешение.

Многие идут еще дальше – они вставляют в текст совсем небольшие картинки – 200-300 пикселей в ширину, но при этом кликабельные. То есть в тексте отображаются только миниатюры изображений, а при клике они раскрываются в полном размере. Есть много плагинов для того же WordPress, которые позволяют это сделать. Например, Lightbox.

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

Кроме этого, такой способ кое в чем выигрывает у обычного размещения некликабельных картинок в максимальную ширину блока со статьей. Нужно понимать, что не всегда 600-800 пикселей достаточно, чтобы отчетливо показать на скриншоте какие-то настройки. Особенно это касается пошаговый инструкций, когда человек важно разглядеть каждую картинку, чтобы прийти к нужному ему результату. Так вот, при клике по миниатюре изображение откроется в полном размере, а значит, его будет отчетливо видно.

Способ с кликабельными миниатюрами я видел на многих блогах и информационных сайтах. В целом, мне он понравился и вы можете его применить.

Сжатие картинок

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

Так вот, на компьютере вы можете ими без проблем любоваться, сколько бы они не весили. Пусть даже несколько мегабайт. Но если вы поместите хотя бы несколько таких фотографий на одной web-странице, то скорость ее загрузки будет моментально занижена, причем очень серьезно.

Более менее нормально просматривать ваш сайт смогут только пользователи, у которых очень быстрый интернет от 20 мегабит в секунду. Но нужно понимать, что многие пользуются менее скоростным соединением. Многие сидят на том же 3G, кто-то заходит с мобильных устройств и т.д.

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

Таким образом, появление картинок на web-странице может превратиться в вечность. Конечно, ситуацию нельзя оставлять так.

Пример сжатия картинки

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

Как видите, в оригинале это аж полтора мегабайта, что очень много для web-страницы. Нам для размещения в статье как раз подойдет разрешение 640 на 420. Как видим, изначально размер уже 147 килобайт, что в 10 раз меньше. Но все равно это по-прежнему достаточно немало, поэтому мы попробуем еще немного уменьшить картинку с помощью сжатия.

Ну а как, собственно, сжать фото? Тут я вижу два варианта:

Практический курс по верстке адаптивного лендинга с нуля!

Научитесь с нуля верстать адаптивные лендинги на HTML5 и CSS3 за ближайшие 6 дней

Узнать подробнее

Воспользоваться одним из онлайн-сервисов для этой цели. Найти вы их сможете самостоятельно, просто вбив в поиск что-то вроде “сжать фото онлайн”.

Открыть картинку в фотошопе. Нажать Файл – Сохранить для Web и задать нужные настройки.

Вот так это выглядит в фотошопе:

Этот вариант мне нравится больше тем, что управлять качеством можно очень гибко. Как видите, на картинку смотреть вполне себе можно, при этом ее вес снижен до 80 килобайт. Это почти в 2 раза. Ползунок качества при этом смещен на 40. При желании вы можете ставить еше меньше.

Тут важно понимать, что все-таки внешний вид картинок немного важнее их веса. Поэтому лучше пусть она будет весить чуть больше, но выглядеть нормально, чем вы ее сожмете в 10 раз, но при взгляде на фото глаза будут просить о пощаде. 40 – это достаточно мало, но в данном случае оказалось, что картинка сохранила свой внешний вид вполне нормально.

То есть для каждого изображения нужно смотреть индивидуально, как оно будет выглядеть при сжатии и выставлять тот или иной уровень качества. Например, для скриншотов, где очень важно что-то разглядеть, лучше не выставлять качество на столь низкий уровень, как 40. Лучше установить 60-80. Также не забудьте указать правильный формат изображения – jpeg.

Как сжать png изображения

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

Таким образом удавалось добиться снижения веса png-изображений в 2-3 раза без существенных изменений в качестве.

Спрайты или как оптимизировать запросы к серверу

Дело в том, что помимо веса картинки играет роль то, сколько их вообще находится на странице. Каждая картинка – это один запрос к серверу. Желательно, чтобы таких запросов было как можно меньше. Но с полноценными изображениями вы ничего поделать не сможете, да и не нужно, пусть они и дальше грузятся каждое отдельно. Другое дело – мелкие иконки, которые используются в дизайне сайта.

Наверняка такие иконки вы замечали практически на любом сайте. Это могут быть кнопки социальных сетей, например. С помощью иконок дизайн становится интереснее. Но если каждая из них грузиться поодиночку (а иконок может быть более десяти), то получается много запросов к серверу.

Чтобы исправить это, создают так называемые спрайты. Это когда все иконки объединяют в одно большое изображение, а потом вставляют в нужном месте шаблоне с помощью позиционирования фона. Подробнее с этим приемом вы можете познакомиться при изучении css и оптимизации сайтов. Ну а в этой статье я просто упомяну, что такой прием существует, чтобы вы знали.

Что ж, на этом с первой стороной оптимизации мы разобрались. Переходим к следующей.

Вторая сторона оптимизации – подписи к картинкам

Под этим я понимаю не только подписи, которые вы реально видите под картинками. Хотя у них тоже есть своя мизерная роль в оптимизации. Но в основном такие подписи необходимы для удобства пользователя и заменяют собой атрибут title.

Кроме title у изображений также есть атрибут alt, который вызывает еще больше споров, чем первый атрибут. Для начала необходимо разобраться, для чего они нужны. Title – это всплывающая подсказка, которая появляется при наведении на изображение. Alt – альтернативный текст, который будет показан только в том случае, если у пользователя будет отключен показ графики.

В целом, атрибут alt можно уже считать старомодным. Это раньше, когда на месяц ты получал 30 мегабайт трафика, многие отключали картинки, чтобы резко сокращать вес веб-страниц. Сегодня же количество людей, которые сидят с отключенными картинками, приближается к нулю. Конечно, я не проводил никакого исследования на этот счет, но это и так понятно.

Так есть ли какая-то польза от заполнения alt и title? Можно сказать, что она определенно есть, но не такая большая, как думают некоторые (заполняй alt и попадешь в топ). Подробнее о том, как заполнять эти атрибуты я писал в прошлых статьях о них.

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

Собственно, самым важным является то, какие лично у вас цели. Потому что если вы не нацелены на трафик из поиска по картинкам, то особого смысла в заполнении атрибутов нет. Они не помогут вам подняться в Яндексе. Единственное, что можно сказать, это то, что поисковик Google, кажется, использует наличие нормальных alt и title как один из факторов ранжирования. Но наверняка этот фактор играет небольшую роль.

В статье про атрибут alt я приводил пример с товарами в интернет-магазине. Вот это то место, где, как по мне, заполненные атрибуты могут сослужить хорошую службу. Потому что если у вас в атрибутах будет четко прописано название товара, то какой-то процент людей может попасть на этот товар, вбив его название в поиск по картинкам. В общем, нужно учитывать также тип сайта.

Что ж, пожалуй это все, что я хотел сказать вам о том, как оптимизировать изображения для сайта. Надеюсь, информация была полезной для вас и вы примените что-то из этого на практике. Ну а еще больше полезных фишек для SEO вы как всегда можете найти в нашем курсе по раскрутке и продвижению блогов. Легких вам картинок!

Практический курс по верстке адаптивного лендинга с нуля!

Научитесь с нуля верстать адаптивные лендинги на HTML5 и CSS3 за ближайшие 6 дней

Узнать подробнее

Практика HTML5 и CSS3 с нуля до результата!

Получите бесплатный пошаговый видеокурс по основам адаптивной верстки с полного нуля на HTML5 и CSS3

Получить

webformyself.com

Как уменьшить размер файла JPG без потери качества

Как уменьшить размер файла JPG без потери качества

Доброго времени суток! Если у Вас, сотни мегабайт в небольшой папке с фотками? Или же картинки отправляются по почте более 10 минут, даже при приличной скорости интернета? Или вот так, для отправки архива фотографий на флешку нужны полчаса? Добро пожаловать в нужное место, в статье я расскажу, в какой программе и как уменьшить размер файла JPG без потери качества.

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

Как уменьшить размер файла Jpg — немного нужной теории

Касательно формата JPG (и его разновидности JPEG), есть 3 способа изменения размера файлов. Размер PNG, BMP, GIF и прочих графических форматов можно регулировать лишь первым методом.

  1. Уменьшение разрешения картинки (количества пикселей) без потери качества;
  2. Снижение качества без уменьшения разрешения;
  3. Одновременное снижение и разрешения, и качества.

Любая фотография – набор пикселей. У современных фотоаппаратов их число превышает 2-4 тысячи по горизонтали и вертикали. Это много, от такого разрешения и «разрастаются» мегабайты. Улучшается ли при этом качество изображения? Практически нет, особенно у непрофессиональных фотографов при повседневной съёмке. Так как изменить разрешение фотографии можно практически безболезненно для качества, многие используют именно этот способ для того, чтобы  уменьшить изображение.

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

Размеры картинок

Сжав изображение в 2 раза (на 50%, в терминах графических редакторов), мы уменьшим его площадь (и объём!) в 4 раза, школьная геометрия на практике.

Логично уменьшить количество точек, чтобы снизить размер фотографии – и не заметить изменений в качестве.

Альтернативный вариант для файлов JPG, оставить разрешение изображения исходным, но позволить компьютеру снизить качество. Некоторая размытость, сглаживание или нечёткость вполне допустимы. Можно считать, что качество сжатия в графических редакторах примерно такое:

  • 100% — сжатие рисунка отсутствует;
  • 90% — настройка по умолчанию во многих программах – минимальное сжатие;
  • 80% — более глубокая степень: файлы сжимаются довольно сильно;
  • 70% — всё ещё приемлемая потеря качества, но в пределах разумного;
  • 50% и ниже – кардинальное снижение внешнего вида рисунка, заметное невооружённым взглядом.
back to menu ↑

Как сжать изображение: практикум в графических редакторах

Экспериментировать будем с этим «натюрмортом»: рядовая телефонная фотка, не претендующая на художественность, скорее – класса «страшно показать», но для семейного архива подойдёт.

Технические детали: формат JPG, разрешение 2560 на 1920 точек, вес файла-исходника – неприемлемые 2,44 Мб. Перед тем, как сжать фотографию, рекомендуем скопировать её в отдельную папку, чтобы не потерять рисунок в ходе процесса сжатия.

фото для экспериментов

Исходный файл: 2,44 Мб, с расширением 2560×1920 пикселей

back to menu ↑

Сжатие изображения в Paint

Зря этот стандартный графический редактор из комплекта Windows считают несерьёзным инструментом. Во-первых, в нём очень интересно и полезно обучать «чайников» азам ПК-грамотности, во-вторых, он есть везде и всегда – и, когда на компьютере не установлена более мощная программа для работы с графикой, его возможности выручат не раз.

Открытое изображение в paint

Открытие исходника в Пэйнт: количество точек потрясает, но их число вовсе не означает красоту или качество. Масштаб: 100%.

Чтобы открыть изображение в Paint, нужно щёлкнуть по файлу правой кнопкой и выбрать «Редактировать».

Этот редактор не позволяет вручную настроить уровень сжатия JPG, но, по ощущениям, устанавливает его примерно на 80%. Достаточно пересохранить файл, чтобы вместо исходных 2,44 Мб получить 1,83 Мб. На глазок уровень качества осталось практически тем же.

Как уменьшить размер файла JPG без потери качества

Изображение сжалось до 1,83 Мб после пересохранения в Paint за 2-3 клика и 10 секунд.

В арсенале Paint есть способ уменьшить размер картинки в пикселях. Это кнопка «Изменить размер» (Resize). При её нажатии выпадает диалоговое окно, где предлагается ввести новые размеры по горизонтали/вертикали в процентах от исходного количества точек.

Выберем 50 на 50: в 2 раза меньше длины и ширины означают площадь, меньшую в 4 раза. Кстати, разрешение нужно менять одинаково по обоим измерениям, иначе картинка деформируется.

Изменение размера картинки в paint

Функция «Изменить разрешение картинки» стандартна в большинстве графических редакторов, от примитивного Пейнт до монструозного Photoshop.

Результат – 616 килобайт. Маловато для семейного архива, но – отлично для публикации на сайтах. Без лупы разница с исходником едва заметна.

Как уменьшить размер файла JPG без потери качества

616 килобайт при разрешении 1290×960 px.

Отметим, что 0,6 мегабайт получилось не только в результате изменения разрешения, а при помощи «комбинированного» метода – размер изображения в Paint корректируется ещё и снижением качества JPG на величину около 85%. Изменить значение параметра compress в нужную сторону невозможно. Пейнт делает это на автомате.

back to menu ↑

Уменьшаем размер изображения в Photoshop

Этот мощнейший редактор можно использовать для описываемых задач. Но это как перевозить пакет с продуктами не в легковом автомобиле, а вызывать «Камаз». Photoshop — избыточно мощное приложение для такой простой цели, как уменьшить вес фотографии.

На открытие этой программы и сохранение в нём файла уйдёт значительно больше времени, чем на само сжатие. Тем не менее, чтобы наша инструкция была полной, опишем и то, как сжать картинку в Фотошопе.

Открыв файл в редакторе Photoshop, следует выбрать раздел «Изображение», в нём кликнуть на пункт «Размер изображения». Как показано на картинке ниже.

Изменяем размер изображения в фотошопе

Откроется диалоговое окно, где можно вручную задать высоту и ширину рисунка. Кнопка ОК – сохраняем файл. Этот же диалог вызывается горячими клавишами «Ctrl+Alt+I», быстрое сохранение результата, сочетание клавиш– «Ctrl+S».

Размерность фото в photoshop

Второй способ уменьшить размер файла картинки или фото, это применить качество при сохранении. То которое посчитаете подходящим для Вас. Давайте я покажу на примере как это сделать.

Открываете photoshop, далее кликаете на меню «Файл» выбираете «Сохранить для Web…» или используете сочетание клавиш «Alt+Shift+Ctrl+S», как Вам будет удобно.

Сохраняем изображение для Web с сжатием

У Вас должно открыться окно с настройками сохранения изображения, в нужном качестве и формате. Я буду продолжать мучить свою фотографию с пёсиками. Напомню, размер файла ровно 2.44 Мб, посмотрим что можно с него выжать.

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

Обратите внимание, Слева с верху — Исходник, далее идут уже с сжатием.

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

Перёд сохранением можно также выставить размер изображения. Которое нужно Вам. И нажать сохранить, выбрать путь для записи и все готово.

4 Варианта для сохранения при сжатии

 

back to menu ↑

Лучшие программы для сжатия. Пакетная обработка

Paint под рукой всегда, но слишком примитивен. Фотошоп избыточно громоздкий и неповоротливый. Какие программы лучше подойдут, чтобы сжать JPG? Хорошие просмотрщики-вьюеры, они же – менеджеры изображений! Их достоинство – поддержка пакетного сжатия: одновременной обработки всех или нескольких выбранных файлов в любой папке вместо ручного изменения рисунков по одному.

ACDSee, XnView и IrfanView: лишь тройка из многочисленных программ для сжатия картинок всем скопом. Бесплатная, но вполне работоспособная версия есть даже у насквозь коммерческого «ЭйСиДиСи». Если программа не русифицирована, следует запомнить слово Compress – «Сжатие». Разберём технологию пакетного сжатия на примере графического обозревателя XnView.

Открыв один из файлов в целевой папке, щёлкнем по нему дважды. Откроется окно-файлер с превьюшками всех изображений.

Пакетное сжатие в XnView

Просмотрщик и редактор XnView говорит, что 9 файлов занимают почти 20 Мб. Непорядок!

  1. Выделив все файлы разом (Ctrl+A, либо мышкой), выбираем «Пакетная обработка» – кнопка выделена зелёной рамкой.
  2. Во вкладке «Преобразования» есть параметр «Изменение размера» – нам туда. изменяем размер в XnView

    Вкладка пакетных преобразований в XnView: обратите внимание на десятки способов одновременной быстрой редакции картинок.

  3. Удобно задать новый размер в процентах от оригинала, нажав на галочку «Сохранять пропорции». Для примера воспользуемся значением 70% (это уменьшение площади, а не степень компрессии).
  4. Кнопка «Выполнить» заставит файлы сжиматься. Несколько секунд, и… Как уменьшить размер файла JPG без потери качества

    …Те же 9 фото, чей общий размер составляет менее 5 Мб. Программа смогла сократить файл-образец до 800 килобайт.

В арсенале просмотрщиков присутствуют и функция «Сжатие JPEG» без снижения разрешения.

back to menu ↑

Сжатие изображения в онлайн сервисах

Хотя иметь под рукой программу для изменения размера графического файла – удобно и правильно, можно воспользоваться для этой задачи многочисленными онлайн-сервисами.

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

Недостаток online-методики – в необходимости пересылки изначально крупного файла: этот процесс занимает некоторое время. Веб-сервисы для сжатия обычно бесплатны, но нужно и загрузить результат обратно на ПК.

Трата времени оправдана, если количество уменьшаемых файлов не превышает несколько штук в месяц. Конкретные рекомендации? Пожалуйста, те онлайн сервисы которыми пользуюсь сам.

back to menu ↑

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

Ссылка на сервис: http://tinyjpg.com

Онлайн сервис для сжатия изображений

Предупрежу сразу, на сайте для незарегистрированных пользователей есть ограничения по сжатию — 20 изображений с максимальным объемом 5 Мб.

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

back to menu ↑

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

Изменить размер изображения | Сжать jpg онлайн

Сайт для сжатия изображений онлайн

Один из бесплатных онлайн-сервисов.

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

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

back to menu ↑

Обработка рисунков в Mac OS

Давайте рассмотрим процесс работы с изображениями на Mac, к примеру, рисунки отлично сожмёт стандартное приложение «Просмотр»: установка дополнительного ПО ни к чему, даже для пакетной обработки. Программа «Просмотр» на Маке знает, как изменить размер сразу нескольких фото.

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

Изменяем размер изображения на Маке

back to menu ↑

Заключение

Рекомендуем поэкспериментировать со сжатием картинок самостоятельно – при этом предварительно скопировав их в тестовую папку, чтобы не потерять важные фото. После 3-4 попыток вы на практике поймёте, как уменьшить размер изображения оптимальным образом, с наиболее подходящими параметрами компрессии, ширины и высоты.

Наши рекомендации о том, как уменьшить размер файла JPG:

  1. Установить и использовать повседневно любой качественный менеджер графических файлов.
  2. Забыть о Фотошопе: это слишком мощный и неповоротливый редактор для таких простых задач.
  3. Использовать онлайн-сервисы лишь когда под рукой нет других способов – а для одиночных файлов пользоваться Paint’ом.

Дисклеймер: ни одна собака в ходе художественных и программных экспериментов не пострадала. : )

www.computer-setup.ru

Уменьшить и увеличить фото онлайн

Представим, что для вас стал актуальным вопрос о том, как изменить размер картинки без фотошопа? Вы при этом в интернете, и вам необходимо обрезать фото или картинку для анкеты. Вы правильно поступите, если сидя у компьютера, или с планшетником, или со смартфоном в руках, зайдете на сайт.

Ведь на этом ресурсе можно воспользоваться приложением по обрезке фото онлайн. Обращаем внимание на то, что приложение поддерживает форматы gif, bmp, jpg, png. Оно находится в блоке «Работа с изображениями» под названием «Обрезка изображений».

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

Мы с его помощью изменяем размер фото. Мы обрезаем его. А для этого необходимо всего-то произвести загрузку нужного изображения, выбрать нужный для обрезки фрагмент и нажать клавишу «Вырезать», предварительно получив информацию о размерах будущей картинки. То есть процесс предусматривает процентное увеличение или уменьшение изображения. Всегда есть возможность посмотреть, как ты обрезал фото, а потом сохранить его.

Когда мы изменяем размер фото онлайн, то это вовсе не означает, что весь процесс, который занимает считанные секунды, сводится к тому, чтобы просто обрезать картинку онлайн.

Тот, кто работает с изображением, может еще потратить дополнительно (но буквально считанные) секунды, чтобы при необходимости повернуть фото или отразить его зеркально. Но и этим все вовсе не ограничивается. Можно также добавить красивые эффекты или рамку. И всего-то требуется сделать несколько кликов.

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

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

Сервис к тому же бесплатный. Его можно использовать при подготовке фото и музыки для блогов и сайтов. Ко всему нет необходимости в загрузке файлов, установке и последующем обновлении программ.

Это положительно оценивает и тот, кто занимается профессионально фотографией, и тот, для кого проводить время с фотоаппаратом – просто большое увлечение. Ведь на сайте есть для них подходящее приложение. Например, для того, кто мучается вопросом, как изменить размер изображения?

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

И это обычно бывает так. Допустим, кому-то необходимо загрузить редактируемое изображение на сайт. К примеру, как аватарку «ВКонтакте». Как правило, на большинстве ресурсах в глобальной сети для изображений, которые заливают на сервис, предусмотрено ограничение по его габаритам. А это в конкретном случае означает, что необходимо изменить размер фото онлайн.

Без этого никак не обойтись. Однако ограничение предусмотрено не только для габаритов. Ограничение распространяется также и на вес изображения. То есть проблема требует такого решения, когда нужно уменьшить фото. А это очень просто сделать, используя фоторедактор онлайн.

А вот к функции «увеличить фото» прибегают тогда, когда необходимо увеличить размеры изображения. Также как и уменьшение фото, эта функция находит применение, когда кто-то очень часто обрабатывает изображение.

Для более детальной характеристики популярного сервиса следует упомянуть и про такую «фишку», как фотографии в стиле Instagram. То есть с данном случае сервис предоставляет возможность не только изменить размер, но и придать желаемый вид фотографиям. Причем мы говорим про те случаи, когда у вас при себе нет мобильного устройства и аккаунта в Инстаграм.

Уверяем, что на персональном компьютере заниматься обработкой фотографий намного удобней и приятней. Функция «фото в стиле Инстаграм» действует точно так же, как и обрезка фотографий онлайн. Это означает следующее: вам необходимо загрузить фотографию, наложить эффекты и потом сохранить на свой компьютер. Так, в частности, можно сделать эффект старой фотографии из обычного снимка.

нормально
Fretyyj
Класс!
легко и просто, c меня лайк))
просто супер !!! спасибо!
Спасибо большое!!!
Сайт топ! Спас меня от тупых программ)
Супер!
Спасибо,очень удобно и просто.
спасибо большое за сайт все удобно советую
Спасибо за прекрасный сервис! Очень удобно!
Круто!!Мне нравится)
неплохо
Пишет что файл инвалид:((( Хотя первый раз прошло на ура...
Спосибо огромное! Это лучшее!
😎👍
Спасибо!
Отличный изменитель фотографий!
Здравствуйте! Прежде всего - огромное спасибо за такое отличное приложение. Считаю, оно самое лучшее из аналогичных!.. Теперь к проблеме. Мне по работе очень часто приходится уменьшать-увеличивать картинки. И до сих пор обработанная картинка была именно с теми параметрами, которые я задавала. Т.е., изменения были "резиновые", - то, что нужно мне. Но сейчас картинка стала меняться с сохранением пропорций, а этот формат мне уже не подходит. Как вернуть "резиновые" параметры? Благодарю заранее))
Отлично,самое то)))
Отлично! Спасибо!
отлично
👍
Отличный сервис 👍
Здорово!!Молодцы!!!
хороши
отлично ребят,вы супер.
КЛАС
сайт супер
Очень хороший сайт ! Помог в создании персонажа для 2d игры !
класс
Классно! Вообще!
Большое спасибо!!!
Спасибо!!! Все замечательно!
Лол, мой коммент удалили ._.
Клас
спасибо!
👍
Огонь🔥🔥🔥
Супер редактор😍 экономит время !!!!!!!!!!!!!
спасибо, оч выручили!!!
Молодцы, помог редактор
Редактор,просто СУПЕР. Спасибо!
замечательный редактор... браво разработчикам...
Хорошая программа
СПАСИБО))))
Большое спасибо, пользуюсь программой с большим удовольствием!
очень удобно
Очень помогла программа. Разработчикам респект!
все отлично 😜
5 день пользусь данным , класс ребята спасибо огромное
очень выручили! спасибо
А можно сделать кнопки скачать и удалить все и сверху тоже? Большое спасибо!
Ништяк такой 😊
Замечательный сайт постоянно им пользуюсь. Спасибо!
Лул, файлов за раз ресайзнуть, это довольно удобно
вау! самый удобный ресайз пикчей))
Отличный сайт!!! Спасибо Антон! Единственный вопрос при скачивании одним архивом -название файлов становится не читаемым (иероглифами), можно что-то с этим сделать?
Нельзя скачать файлы одним архивом...
Что-то у вас поломалось...
Капец зачем менять название всех картинок?
Спасибо, сайт супер
ОТЛИЧНЫЙ САЙТ 😁
отличный сайт я очень доволен супер!!!! рекоминдую.
самый из самых самых крутых сайтов спсибо розработчикам
классный сайт
Супер!"!!!
Антон, доброго вам дня. Протестировал пакетную обработку - по событиям сейчас все ОК, Спасибо. Вопрос к пакетной обработке для полного совершенства - чтобы обработка понимала и сохраняла пропорции. То есть, где условно 3, а где 4 - сейчас обработка идет по массовке и фото, отличные от большинства теряют свою пропорцию, то есть "растягиваются-сжимаются"
Удобно Круто Быстро СПАСИБО)
Класс!Всем советую!
Пользуюсь постоянно.Класс!
Супер! Очень полезное и качественное приложение
спасибоооо! классно! прсто супер!
THIS IS THE BEST SITE
Очень хорошая штука! Все быстро и удобно. Перебрала несколько сайтов, остановилась на нем
Замечательный сайт! Спасибо большое. Мне очень помог в увеличении фото.
Не хватает кнопки удалить все фото в "Результатах" приходится постоянно кликать по красному квадратику с крестиком, в остальном все супер!!!
Сайт супер
Спасибо! Наконец-то я нашла то, что нужно! Вы - лучшие!
Каеф
супер
Спасибо большое! Полезный сайт!!!
У меня не увеличилось фото,я обидилась!😰😩
спс
Лучшее из подобных,..... для меня ;)™
Спасибо! выручили
😎😀😀😀
Отличный сервис!
отлично
все отлично работает! спасибо разработчикам))
Дебилизм! Как это работает?? Загрузил фото, и??..
Все работает безупречно! Спасибо!!!
Что то скачать не могу:(
и когда удаляешь все фото после уменьшения и скачивания, фото не удаляются, мб конечно у меня кэш, только по одной удаляются
Страница не найдена
Самый лучший из аналогичных сайтов! Постоянно пользуюсь им. Спасибо огромное разработчикам!))
Подскажите, специально такой неудобный по событиям интерфейс сделан для пакетных обработок? Накликаешься от души
Замечательный сайт!!! Все хорошо уменьшается и увеличивается! Благодарю за такой сайт - Помощник!👍🌷
Всё супер. Спасибо.
Спасибо !!!-пользуюсь только этим сервисом !
Один из любимых сервисов. СПАСИБО!!!
Спасибо большое
Полезный сервис, всегда пользуюсь им. Спасибо
Огромное БЛАГОДАРЮ!!!
Просто прелесть. Спасибо!!!
Благодарю!
Мерси баку
Здравствуйте, Антон! В очередной раз хочу поблагодарить за отличное приложение)) Теперь о проблеме. Вот уже два дня при изменении размера как результат появляется не картинка, а значок. Приходится пройтись по ссылке под значком, и тогда измененная картинка открывается в новом окошке. Надеюсь, это исправимо?
Пожалуйста, подскажите, какие размеры фото нужны для монтирования мультфильма. Очень хочется, чтобы не было темных полей
хотелось бы еще иметь линейные размеры картинки что бы удобнее было масштабировать чертежи
баг какой-то
Здраствуйте! Как поднять чёткость фото при увеличинии фото?
Отличная программа! Спасибо!
Нравится👍 Пользуюсь)
спасибо!нравится!👍👍
СПАСИБО СУПЕР
ОТЛИЧНО.🌺😉🌷
Отличная програмка. Спасибо!
всегда пользуюсь
Респект!
молодцы!
отличная программа
Огромное спасибо, создателям данного приложения, три дня потрачено, чтобы найти здесь решение- увеличения фото для ЮТУБ...Благодарю. Вас и процветания в бизнесе и новых приложениях....
Спасибо👍
Супер приложения ..Спасибо ..
Спасибо за помощь😊🌹
👍класс!
Норм.
👍👍👍👍
Супер нет слов
спасибо за приложение
Спасибо, выручили
круто
Хорошая программа.
Нужный сайт
Благодарю... Пользуюсь часто... Гораздо быстрее загрузить эту страничку, чем отдельную прогу на компе для этих же целей...
💟
дикое спасибо за функцию Увеличения размера фото!
СПАСИБО ОГРОМНОЕ
Спасибо за уменьшение размера
Никогда отзывы о сервисах не писал, но в этот раз напишу: Отличный сервис, видно что для народа!
Спасибо большое! Очень удобно и главное понятно!:))
Просто супер!!! Так удобно и быстро, пять минут и готовы все фотки! Огромное спасибо!
Замечательная программа!
Просто замечательно!Очень быстро и удобно пользоваться!
спасибо автору этого проекта,сэкономил время и решил свою проблему
клёво
Спасибо, остался довольный.
спасибо,очень удобно)
Огромое СПАСИБО!!! Отличный редактор. Переваривает Мгб легко и скачать можно!!! МОЛОДЦЫ!!!
Круто!
спащиба
Спасибо!
Отличный сервис. Что бы я без вас делал🤝
шикарно
Спасибо))) огромное!
🚽🚽🚿🛀🛀🛀
нет
👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌🙏🖖🏻
Я для своих шапок это использую
Удобный сервис для работы с фото !
Очень удобно, спасибо!
Часто пользуюсь. крутяк
топ
отлично
Огромное спасибо!
Спасибо!
Почему раньше все хорошо было, а сейчас фото не загружается... Печалька.
👍
👍👍👍👍👍
Спасибо,очень выручили.
спасибо огромное
Шикарный сервис. Только одно замечание: Было бы круто иметь возможность оставить старые названия. У меня фоток, которые слишком большие, а названия их строго определены - ссылки на них прописаны на сайте. Если бы была опция "Оставлять оригинальные имена файлов", я бы мог сразу скачать архивом и залить на FTP. А так сидеть и переименовывать приходится. Но сервис все равно классный!
Ахеренный сервис, куда донат кидать?
Сайт - то что надо! Молодцы!
(
Благодарю! отличный сервис
Там возможно внизу боты, но программа хорошая.
спасибо
Красавы! спасибо
Здорово
Спасибо!
супер!!
КЛАСС! Большое спасибо!!!
лайк
Красота....
отличная он-лайн программа
!!!
Огромное спасибо, оч легко и удобно.
Согласен
Красавцы! Уже год пользуюсь!
Очень хороший сайт, удобно, быстро и с качеством!!! Рекомендую!!!!
Благодарю, очень удобно и качественно.
Спасибо за сервис. Удобно и делает то что надо
💟
👍
Огромная Благодарность за Ваш сайт! Помощь в работе огромная! Всего Вам самого доброго!👍😊
всех вам благ!доброта спасет мир!будьте здоровы!копеечкой пока не могу...спасибо огромное...я в группе...
Спасибо большое!
Топ!
Спасибо, большое! Хотела сделать фон для канала в YouTube искала в интернете большие фоны, но можно увеличить обычной фон. Спасибо!!!😊🤗
Очень удобно!
супер
Супер!
в
Размыло. Как всегда
👍
👍 Inettools.net действительно помог мне в работе. Пока нет возможности, но есть желание поддержать копеечкой такой замечательный проект.
спасибо за сайт, очень большой выбор пикселей!
тоже самое в самый не подходящий момент
что-то с сайтом... пишет, что страница не найдина! какого чёрта?
Зато пока я не супер!
Спасибо большое, очень удобно.❤
Сайт замечательный! Спасибо! Очень быстро и качественно :) Процветания вам!
Просто суппер спасибо большое помогли очень спасибо огромное увиличила фото для канала.
Топ сервис
Отличное приложение!Если бы еще и цвет можно было менять !Вообще цены бы не было!
👍
👍💋💋💋
🌷😊👍
Супер! Всем спасибо
спасибо😊
супер
Класс редактор 😙
👍😊 Благодарю!
Спасибо!
Крууть, спасибо)))

ru.inettools.net

Как сжать картинку без потери качества и вставить её на сайт?

Сколько ни пытался, хотел сделать, чтобы на левой фотографии была картинка супер плохого качества, но получились они почти одинаковые.

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

Инструкция будет на примере моего блога, делаю её специально для своих авторов, которые пишут статьи на блог. Поехали...

Весь процесс будет делиться на 3 этапа:

  1. Подбор изображения и создание скриншотов.
  2. Обрезка под ширину сайта.
  3. Сжатие веса файла.

Ну и отдельная часть по загрузке изображения в статью на блог на платформе WordPress. Вес изображения играет значительную роль на скорость загрузки сайта, поэтому стоит детально изучить этот вопрос.

Подбор изображения для статей

Начнём с обычных картинок, потом перейдём к скриншотам. Многие начинающие вебмастера допускают ошибку, загружая изображения не под размер сайта. Какой смысл загружать картинку, скажем, размером 1280 на 720, если в статье она показывается размером 640 х 360? Поэтому, первым делом, нужно определить, какой размер изображения у вас будет отображаться в статье.

Как определить? Показываю на примере браузера Google Chrome. В этом браузере, если нажать кнопку F12, откроется панель инструментов веб-мастера, через которую можно определить ширину отображаемого контента.

Если у вас контент на сайте отображается во всю ширину, то картинку нужно уменьшать по размеру экрана, чтоб она полностью влезала в экран монитора. У меня контентная часть узкая, поэтому подбираю размер.

Шаг 1. Заходим в любую статью на сайте и нажимаем F12 (для браузера Гугл Хром) и в панели нажимаем сюда (выделение элемента сайта):

определяем размер изображения

определяем размер изображения

Шаг 2. Наводим курсором на любой абзац текста и видим какая ширина контента в статье.

размер картинки на сайтеразмер картинки на сайте

У этого скрина уменьшен размер, поэтому он менее чёткий.

У меня получается ширина области 615 пикселей. Но картинки в статье я вставляю на 2 пикселя меньше, то есть 613 px. У вас будет другой размер.

Если фото или изображение вертикальное, то в соотношении сторон я уменьшаю его до размера, которое влазит в экран моего 15-дюймового монитора. Высота такого изображения получается где-то 600-700 пикселей.

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

Обрезка и уменьшение размера картинки

Допустим, я нашёл подходящую картинку для статьи, возьму вот этих матрёшек, но она размером 2588 х 1232. Чтобы её уменьшить до нужного размера, я использую стандартную программу Microsoft Office Picture Manager.

Открываю её и нажимаю «Изменить рисунки...»

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

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

Сначала можно её обрезать, если есть что-то лишнее, а потом нажимаем «Изменение размера».

изменение размера

изменение размера

Ставим ширину, которую вам нужно и приблизительную высоту. Смотрим, чтобы новый размер был тот, который нужен.

уменьшаем размер фото

уменьшаем размер фото

Жмём «ОК» и сохраняем.

Сжимаем вес картинки

Есть 2 сервиса, которыми я пользуюсь:

Я пользуюсь кракеном, привык к нему. Перетаскиваете просто в нужное поле свою картинку, он её сжимает, и вы сохраняете её себе на компьютер.

как сжать картинку

как сжать картинку

Картинка для примера уже оказалась сжата, видите, всего на 5.7 % он её додавил. Но ранее сжимал скрин полного размера, получилось на 72.7 %.

Всё, картинка для статьи на этом сжата, останется её назвать правильно и загрузить на блог.

Если вы делаете картинку в фотошопе

Когда вы что-то редактируете, оформляете картинку в своём стиле в фотошопе, то сохраняйте её для веб, вот с такими примерно настройками.

сжать в фотошопе

сжать в фотошопеКонечно, если перестараться и сильно сжать, то качество будет испорчено, поэтому тут уже надо самим смотреть. Я ориентируюсь по весу, если много цветов, то сжатое фото или картинка весит в среднем 70-90 кб. Если простая, то 30-60 кб.

В чем разница JPG и PNG?

Прежде, чем перейти к скриншотам, объясню одну маленькую фишку. Многие думают, что файлы формата JPG весят меньше, но это не так. Иногда PNG сжимается круче, и качество остаётся в разы лучше.

Объясню просто, когда на картинке присутствует много текста, для скриншотов особенно применимо, то лучше сохранять картинку в формате PNG. Программы, которые делают скрины, сохраняют их сразу в PNG, не пересохраняйте их в JPG, а то скрин размажет.

Делаем скрин и сжимаем

Скрины стоит стараться делать в сразу готовый размер (не вес), чтобы его не уменьшать. Если приходится делать скрин во весь экран и при уменьшении размера ничего не видно, то уменьшайте его до размера экрана монитора и делайте на сайте функцию, которая будет увеличивать картинку до полного размера, где всё будет видно.

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

Как загружать картинку на сайт Вордпресс?

После того, как картинка или скриншот сжат, его нужно правильно назвать. Не должно быть названий типа FOTO00034 или screen_dfsj39, давайте оригинальные и релевантные названия картинкам и обязательно на транслите.

Заходите в сервис translit.net и пишете по-русски название, нажимаете «В транслит». Копируете и переименовываете изображение.

Далее загружаете его на сайт, обязательно прописывая подходящие заголовок и атрибут ALT.

Как добавить фото на сайт wordpress

Как добавить фото на сайт wordpress

Всё, изображение оптимизировано и загружено.

На всякий случай проверьте статью ещё через Google PageSpeed, он вам покажет нужно сжимать ещё ваши картинки или нет.

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

iklife.ru

Как уменьшить размер изображения без фотошопа

Слишком большой размер изображения? Не влазит в письмо или на сайт? Сейчас быстро разберёмся как заставить его похудеть! Наверное каждый хоть раз сталкивался с необходимостью уменьшить размер изображения. Ведь снимки с цифровых фотоаппаратов и даже с мобильных телефонов имеют совсем не малые размеры.

Не сложно овладеть парочкой приёмов. Для этого совсем не обязательно ставить такого монстра как фотошоп. Это можно сделать стандартными средствами Windows 7/8/10 или с помощью сторонних утилит.

А как это вообще работает?

Перед тем как уменьшать изображения, полезно понимать как это работает, каким путём идти и на сколько можно будет сжать картинку. В обиходе используется несколько форматов изображений:

  • BMP – не сжатые изображения, имеют очень большой размер
  • JPG или JPEG – сжатые изображения, самый распространённый формат
  • PNG и GIF – тоже сжатые изображения. Весят больше чем JPG, но имеют дополнительные фишки, как прозрачый фон или анимация (гифки)

Также есть ещё миллион форматов, но важно понять, что:

  • BMP всегда можно уменьшить в десятки раз, просто преобразовав его в JPEG
  • PNG и GIF – также можно сжать, но не в десятки, а в 1,5-3 раза, при этом потеряв прозрачный фон или анимацию, если они были.
  • Если файл и так JPEG, то сжать можно уменьшив разрешение и/или качество

Разрешение — это количество точек в изображении по горизонтали и вертикали. Например, у фотоаппарата с матрицей 10.1 Мп разрешение фотографий 3648×2736 точек. Её может понадобится уменьшить до 640×480 точек, например. То есть, уменьшить размер фотографии можно, преобразовав её в другой формат или уменьшив разрешение изображения.

ИНТЕРЕСНО: если ваш файл с расширением BMP, то его можно уменьшить во много раз, просто пересохранив в JPEG. Если при этом использовать 100% качества, то разницы на глаз не будет заметно. Как? Читайте ниже.

Как уменьшить размер изображения стандартными средствами Windows 7/8/10

Для этого нам понадобится стандартный редактор изображений Paint. Вы можете посмотреть видео или читать статью:

Действия по пунктам:

  • Нажимаем на изображении правой кнопкой и выбираем «Изменить» пункт изменить изображение в проводнике
  •  Если такого нет, то выбираем
  • В «Paint» нажимаем на «Изменить размер»

paint меню изменить размер

  • И вводим в процентах на сколько уменьшить картинку, или конкретно в пикселах. Кстати, в Windows XP можно вводить только в процентах. Если оставить галочку «Сохранить пропорции», то изображение не будет сплюснутым или растянутым.

  • Сохраняем изображение в JPEG.

сохранить изображение в jpeg в Paint

Единственное что нельзя сделать в Paint, так это изменить качество сохранения в JPEG (качество сжатия), но это можно сделать в сторонних утилитах. Кстати, программа Paint ещё пригодиться вам чтобы делать снимки с экрана.

Сжимаем размеры фото с помощью Irfan View

Программа Irfan View одна из самых популярных, очень лёгкая, позволяет по-разному корректировать фото. Во всём мире около 1 миллиона человек в месяц загружают её! Скачиваем замечательную и бесплатную программку IrfanView на официальном сайте из раздела Download.

Скачать IrfanView

Скачать руссификатор

Во время установки можно всё время нажимать «Next». Чтобы применить руссификатор, нужно при первом запуске войти в меню  и выбрать «RUSSIAN.DLL».

После установки программы, в контекстном меню изображений появится . Выбираем его.

Идём в меню

меню irfanview

В окне предоставлена возможность менять размер по своему усмотрению, кому как удобно. Можно ввести желаемый размер в пикселах, сантиметрах или дюймах, можно в процентах, можно выбрать один из стандартных размеров, или просто нажать кнопку «Вдвое уменьшить»

Изменение размера изображения

Также рекомендую выбрать алгоритм преобразования «Lanczos (самый медленный)». Это самый качественный алгоритм, а медленная скорость будет заметна лишь при пакетном преобразовании десятков и сотен изображений (эта функция в программе также есть).

Теперь сохраняем файл в меню и выбираем тип JPEG. Вот здесь можно выбирать качество сжатия JPEG. Чем выше – тем лучше. Почти незаметна потеря качества от 90%, а при 100% потерь качества почти нет, но размер файла увеличивается. Для крупных изображений, предназначенных для загрузки на сайт, есть смысл поставить галочку «Прогрессивный формат JPG». В этом случае изображение будет загружаться не сверху-вниз, а сначала покажется размытый силует, а затем полная версия. Думаю вы такое встречали в интернете.

параметры сохранения в jpeg

Я просто хочу отправить письмо в Outlook!

А если стоит задача просто уменьшить размер вложения в Microsoft Outlook, то там в окне редактирования письма нажмите «Параметры вложений» («Attachment Options…») и выберите «Уменьшать изображение» («Select picture size:») и предпочитаемый размер. Можно ставить «Большой (1024×768)» («Large»), если изображений во вложении немного.

параметры вложений Outlook

Теперь вы с лёгкостью сможете сохранять картинки с нужным разрешением для сайта, почты или для рабочего стола без установки фотошопа. Поделитесь этим полезным советом с друзьями с помощью кнопок социальных сетей!

it-like.ru