Как уменьшить размер фото до нужного размера

Содержание

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

Уменьшение геометрический размера изображения является одним из способов уменьшения «веса» его файла, а значит и общего «веса» веб-страницы, на которой оно применяется. Существует несколько способов оптимизации размера картинок.

Содержание

Что такое размер картинки?

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

Геометрический размер представленного на картинке изображения составляет 500×420 px.

Общее количество пикселей изображения составляет:

Как размер картинки влияет на «вес» файла?

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

Зависимость числа пикселей от уменьшения размера

Геометрический размерСтепень уменьшения размераКоличество пикселейСтепень уменьшения числа пикселей
1000×1000 px×11 000 000 px×1
500×500 px×2250 000 px×4
250×250 px×462 500 px×16

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

Как уменьшить фактический размер картинки?

Существует три способа уменьшения изображения до нужного размера посредством редактирования:

  1. метод обрезки холста картинки,
  2. уменьшение размера картинки с сохранением пропорций,
  3. уменьшение размера картинки с нарушением пропорций.

Эти способы предполагают безвозвратную потерю данных после коррекции: исходный размер картинки до коррекции восстановить будет невозможно.

Рассмотрим перечисленные способы подробно:

Метод обрезки

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

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

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

Уменьшение с сохранением пропорций

Данный метод используется, когда необходимо уменьшить изображение с сохранением пропорций:

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

Примеры уменьшения «веса» картинки при уменьшении размера в 2 раза

Уменьшение с нарушением пропорций

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

В отношении уменьшения «веса» изображения данный метод не отличается от предыдущего.

Как уменьшить отображаемый размер картинки?

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

  1. посредством HTML-атрибутов,
  2. посредством CSS-свойств,
  3. посредством JS-функций.

Указанные методы идентичны и позволяют уменьшить картинку до нужного размера на Сайт (от Web Site — часть сети ) — ресурс, доступный в Интернете по определенному доменному имени.

Как уменьшить размер картинки в HTML?

Данный метод предполагает использование HTML-атрибутов атрибутов Width и Height тега img , устанавливающих размеры ширины и высоты изображения:

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

Как уменьшить размер с помощью CSS?

Данный метод предполагает использование следующих CSS-свойств, применяемых к тегу img :

  • width ,
  • height ,
  • max-width ,
  • max-height ,
  • min-width ,
  • min-height .

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

Встроенные CSS-правила

Внешние CSS-правила

Как уменьшить размер с помощью JS?

Этот способ применяется для интерактивных или других динамических изменений размеров изображений, если это невозможно реализовать с помощью CSS:

Часто задаваемые вопросы

Как уменьшить размер изображения в Paint?

Графический редактор Paint позволяет уменьшать картинки как методом обрезки холста, так и посредством масштабирования с сохранением пропорций или без него:

Как уменьшить размер картинки в Photoshop?

Уменьшить изображение в «фотошопе» можно как обрезкой холста, так и масштабированием.

Инструмент «Рамка»

Данный инструмент редактора Photoshop позволяет уменьшать размер холста картинки в окне редактирования:

  1. выберите инструмент «Рамка» («Crop») в панели инструментов (по умолчанию клавиша C )
  2. изменяте размер изображения в окне редактирования с помощью рамки

Функция «Размер холста»

Эта функция редактора Photoshop позволяет устанавливать размер холста картинки в модальном окне:

  1. в верхнем меню программы выберите Изображение → Размер холста. (по умолчанию клавиши ALT + Ctrl + C ),
  2. в модальном окне укажите новый размер холста,
  3. укажите сторону холста для обрезки в разделе «Расположение»,
  4. нажмите ОК .

Функция «Размер изображения»

Позволяет изменять размер картинки посредством масштабирования с сохранением или без сохранения пропорций:

  1. в верхнем меню программы выберите Изображение → Размер изображения. (по умолчанию клавиши ALT + Ctrl + I ),
  2. в модальном окне укажите новый размер изображения и метод ресамплинга,
  3. нажмите ОК .

Функция «Сохранить для Web»

Уменьшить размер картинки можно при сохранении с помощью данной функции:

  1. в верхнем меню программы выберите Файл → Экспортировать → Сохранить для Web (по умолчанию клавиши ALT + Ctrl + Shift + S ),
  2. в модальном окне укажите новый размер изображения и метод ресамплинга,
  3. нажмите Сохранить. .

Как узнать размер картинки на сайте?

Также чтобы узнать исходный и отображаемый размер картинки можно использовать инспектор кода браузера:

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

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

Если картинка имеет размер 1000×500 px, а отображается на сайте в размере 100×50 px, то целесообразно уменьшить её до отображаемого размера (при этом количество пикселей уменьшится в 100 раз), что существенно снизит вес картинки и веб-страницы в целом.

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

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

Метод ресамплинга выбирается при использовании функций «Сохранить для Web» и «Размер изображения».

Источник: http://seoportal.net/baza/kartinki/razmer-kartinok

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

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

Оставайтесь на связи:

    Закладка поделиться твитнуть

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

  • Фоторедактор
  • Обрезать изображение
  • Повернуть изображение
  • Нанести водяной знак на изображение
  • Сжать изображение
  • Изменить размер изображения
  • Преобразовать изображение в изображение
  • Преобразовать изображение в документ
  • Преобразовать изображение в PDF
  • Преобразовать HEIC в JPG
  • Преобразовать PNG в ICO
  • Преобразовать в изображение
  • Преобразовать в JPG
  • Преобразовать видео в GIF
  • Преобразовать в SVG
  • Bahasa Indonesia
  • English
  • Français
  • हिन्दी
  • 中文 (简体)
  • Deutsch
  • Español
  • Português
  • Pусский
  • Tiếng Việt
  • Italiano
  • العربية
    Закладка поделиться твитнуть

» d=»M513.072,976.638c245.236,0,443.9-199.739,443.9-446.028S758.308,84.583,513.31,84.583,69.65,284.322,69.65,530.61C69.175,777.137,268.073,976.638,513.072,976.638Z» style=»fill: url(#radial-gradient-2)»/>

Установить расширение Img2Go Chrome?

Установить компонент Img2Go Firefox?

This website uses own and third party cookies to develop statistical information.

Allowing these will personalize your experience, show custom advertising, and share browsing analysis with our partners.

Используя Img2Go, вы соглашаетесь с нашей политикой в отношении файлов cookie.

Источник: http://www.img2go.com/ru/resize-image

4 способа уменьшить размер фото

Уменьшить размер и вес фото проще простого, и для этого не понадобятся никакие специальные онлайн сервисы. Если вам нужно уменьшить размер одной фотографии, то можно обойтись программой предустановленной в Windows. С уменьшением размера большого количества фото справиться бесплатная программа FastStone или можно воспользоваться Adobe Photoshop и Lightroom.

В каких случая может понадобиться уменьшить размер фото:

  • фото предназначены для загрузки на сайт (например, для блога, статьи, фото-отчёта с поездки) и файлы нужно уменьшить до оптимального размера;
  • необходимо отправить фото по почте (высокое качество фото не требуется);
  • есть желание отправить фото на конкурс, где требуется предоставить файлы определённого размера.
  • нужно загрузить фото на сайт, на котором ограничения по размеру фото (в пикселях — px) или весу файла (в мегабайтах — МБ);

Читайте, что такое пиксель, в чём измеряется размер и вес фото в статье Размер, вес и формат фотографий. Вторая статья, которая может оказаться полезной — Как узнать размер фото.

1 | Способ уменьшить размер фото в Paint (предустановлен в Windows).

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

Откройте фото в программе Paint (кликнув правой кнопкой мыши по фото и выбрав из списка нужную программу — Paint), в верхней панели нажмите на Resize (изменение размера). В открывшемся меню можно выбрать проценты или пиксели.

2 | Способ уменьшить размер фото в программе Adobe Photoshop.

Чтобы изменить размер фото Фотошопе, нужно нажать комбинацию клавиш Alt+Ctrl+I или зайти в меню Image (Изображение) ►Image size (Размер изображения). Следите за наличием галочки в поле «сохранить пропорции». Если нужно уменьшить размер большому количеству фотографий, то стоит создать Action (Действие) и потом использовать его при помощи автоматической пакетной обработки (это тема для отдельной статьи и если вы не знаете, как это сделать, то читайте дальше — будет более простой способ уменьшить фото).

В Фотошоп есть ещё инструмент — сохранения файлов для Web (подразумевается для сайтов в интернете), где в одном окне можно сразу изменить не только размер фото, но и степень и тип сжатия jpg, удалить метаданные и оценить результат (в том числе увидеть вес конечного файла). Чтобы открыть этот инструмент Photoshop, нужно нажать комбинацию клавиш Alt+Shift+Ctrl+I или зайти в меню File (Файл) ►Save for Web (Сохранить для Web).

3 | Способ уменьшить размер нескольких фото в программе Adobe Lightroom.

В программе Лайтрум можно не только быстро обрабатывать большое количество фотографий. В ней есть очень много полезных инструментов и уменьшение размера фото — лишь один из них.Чтобы изменить размер фото в Lightroom, нужно выделить файлы, нажать кнопку Export и настроить параметры в полях Image Sizing.

4 | Способ уменьшить размер фото с помощью бесплатной программы.

Удобная бесплатная программа, которая умеет быстро уменьшать любое количество фото — FastStone Photo Resizer. Её можно скачать на сайте разработчика (faststone.org) и пользоваться совершенно бесплатно. Чтобы открыть меню для изменения размера фотографий, нужно поставить галочку «Use advanced options» и потом нажать на появившуюся кнопку «Advanced options».

В этой программе можно вместе с изменением размера фото, добавить на фото надпись или логотип (водяной знак), изменить разрешение или количество цветов. Настроек много — если есть желание и время, то можно их все изучить.

Какой из перечисленных способов лучше использовать для уменьшения размера фото? Зависит от того, как часто и как много фото нужно уменьшать, нужно ли при этом их обрабатывать или оптимизировать для загрузки на сайт. Я предпочитаю использовать программу Adobe Lightroom и её богатый выбор инструментов для работы с фото.

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

Источник: http://asiapositive.com/spravochnik/photo-video/umenshut-razmer-foto.html

поддержка

  • Český
  • Dansk
  • Deutsch
  • English
  • Español
  • Suomi
  • Français
  • Magyar
  • Italiano
  • 日本語
  • 한국어
  • Nederlands
  • Norsk
  • Polski
  • Português
  • Русский
  • Svenska
  • ไทย
  • Türkçe
  • 中文
  • 繁體中文

Формат JPEG (произносится «джейпег») является наиболее распространенным форматом изображений в Интернете. Фотографы и графические дизайнеры используют его для отправки файлов небольшого размера с сохранением качества. Формат был создан организацией Joint Photographic Experts Group (Объединённая группа экспертов по фотографии) в 1992 году, и на сегодняшний день является основным форматом для обмена изображениями.

Нужны изображения для проекта? Внушительная коллекция Shutterstock из 70 миллионов изображений может помочь! Посмотрите нашу коллекцию.

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

Как правило, для цифровых изображений достаточно разрешения около 70 пикселей на дюйм. Прежде чем выбрать требуемый размер файла, важно понять, как будет использоваться изображение. Например, если требуется отображать только уменьшенную копию изображения, не следует тратить пространство для хранения файла с высоким разрешением. Ниже мы расскажем, как уменьшить размер файла в формате JPEG в операционных системах Windows и Mac.

Запустите MS Paint. Каждый пользователь Windows знает о Paint, забавной программе, в которой можно рисовать любительские карикатуры и абстрактные картины. Однако не все знают, что Paint также позволяет изменять размеры изображений и настраивать их разрешение. Это очень просто! Сначала найдите приложение Paint в меню «Пуск»: выберите «Все программы», а затем «Стандартные». Независимо от версии операционной системы, будь то Windows 95 или Windows 10, на компьютере обязательно будет предустановлена программа Paint.

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

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

Сохраните новую версию. Установив требуемые параметры размера, выберите в главном меню пункт «Сохранить как». Мы рекомендуем сохранить новую версию изображения отдельно на случай, если вам позже понадобится исходный файл.

Запустите программу Preview. На всех компьютерах Mac с операционной системой OS X предустановлена программа Preview. Эта удобная программа позволяет просматривать и редактировать файлы изображений, поэтому идеально подходит для изменения размера файла JPEG. Сначала откройте изображение в программе Preview. Для этого следует либо запустить программу Preview из папки «Приложения», либо щелкнуть по файлу, удерживая клавишу «Control», и выбрать «Открыть с помощью».

Измените размер. Все доступные настройки файла JPEG находятся в разделе «Инструменты» в строке меню. Чтобы открыть новое диалоговое окно «Размеры изображения», выберите пункт «Настроить размер». Можно менять ширину и высоту, разрешение и единицы измерения этих параметров. Среднестатистическому пользователю мы рекомендуем задавать значения в процентах относительно исходных. Изменив значения в процентах, в разделе «Итоговый размер» вы увидите размер нового файла.

Сохраните новую версию. Нажмите кнопку «ОК» и посмотрите, как выглядит изображение в новом размере. Не бойтесь, вы всегда можете отменить изменения, если результат вас не устроит. Чтобы отменить изменения, нажмите Command + Z. Если же вы довольны результатами, выберите «Файл», а затем «Сохранить как», и сохраните новую версию файла JPEG. Назовите файл новым именем, например, «[Изображение] маленькое» или «[Изображение] версия для веб-сайта», и нажмите «Сохранить».

Источник: http://www.shutterstock.com/ru/support/article/%D0%BA%D0%B0%D0%BA-%D1%83%D0%BC%D0%B5%D0%BD%D1%8C%D1%88%D0%B8%D1%82%D1%8C-%D1%80%D0%B0%D0%B7%D0%BC%D0%B5%D1%80-%D1%84%D0%B0%D0%B9%D0%BB%D0%B0-%D0%B2-%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%82%D0%B5-JPEG

Добро пожаловать на наш блог Академии дизайна

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

Три основных параметра изображения

  • Размер файла, который измеряется в байтах (килобайтах, мегабайтах и ​​т. д.)
  • Размер, который представляет собой ширину и высоту в любых единицах измерения (пиксели для экранов, дюймы или сантиметры для печати)
  • Разрешение, которое измеряется в точках на дюйм для печати (DPI) или в пикселях на дюйм (PPI) для цифрового представления или экранов

Веб-сайты предъявляют различные требования и ограничения в отношении этих трех функций изображения. В идеале вам необходимо внести изменения в свои изображения в соответствии с этими требованиями перед их загрузкой. Хотя многие веб-сайты изменяют размеры изображений автоматически, но этот автоматизированный процесс может ухудшить качество изображения как в разрешении, так и в цвете и это непременно скажется на внешнем виде изображения. Загрузка с указанием точного размера гарантирует, что ваши изображения будут минимально изменены или не изменены совсем и, следовательно, не искажены. Наилучшим образом для изменения размера изображений подходит программа Adobe Photoshop.

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

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

Если это сбивает с толку, просто помните:

  • Больше пикселей на дюйм = лучшее разрешение
  • Меньше пикселей на дюйм = меньшее разрешение

Как преобразовать дюймы в пиксели

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

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

Чтобы преобразовать пиксели в дюймы, разделите размеры в пикселях на разрешение. Например, изображение размером 1000 x 500 пикселей с разрешением 72 DPI имеет высоту 13,89 x 6,95 дюйма.

Чтобы найти разрешение или DPI изображения, вам нужно знать ширину в пикселях и дюймах. Разделите размеры в пикселях на размеры в дюймах. Например, изображение шириной 1000 пикселей и шириной 13,89 дюйма имеет разрешение 72 DPI.

Чтобы преобразовать дюймы в пиксели, умножьте ширину изображения в дюймах на разрешение или DPI. Например, 13,89 дюйма при 72 пикселях на дюйм имеют ширину 1000 пикселей.

Используйте таблицу ниже для преобразования дюймов в пиксели и обратно.

Как изменить размеры изображений на необходимые в Photoshop

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

В цифровом изображении количество пикселей представлено DPI (или PPI) и размерами ширины и высоты. Например, изображение размером 2000 x 2000 пикселей с разрешением 72 DPI имеет общее количество пикселей 4 000 000. Чтобы уменьшить изображение, скажем, до 1000 x 1000 пикселей, вы можете просто уменьшить его по размеру, и оно сохранит тот же уровень детализации, только в уменьшенном изображении.

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

Изменение размера изображения без потери качества в Фотошоп

Откройте изображение в Photoshop. Пройдите в пункт меню Изображение и далее Размер Изображения. Перед вами откроется окно с настройками размеров и разрешения вашего изображения.

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

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

В окне находятся рад выпадающих списков с выбором необходимых параметров и настроек изображения:

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

Выбор размера и разрешения на основании шаблона

Выбор единиц измерения и разрешения для web или для печати

  • Для веб-изображений выберите 72 DPI (пикселей на дюйм)
  • На изображениях с более низким разрешением выберите 150 DPI
  • Для печати изображений с высоким разрешением выберите 300 DPI

Изменение размера изображения для вашего сайта или социальной сети

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

Ниже приведены размеры изображения для популярных социальных сетей

  • Размер изображения Facebook: 1200 х 1200 пикселей
  • Размер обложки Facebook: 1702 x 630 пикселей
  • Размер поста в Instagram: 1080 x 1080 пикселей
  • Размер истории в Instagram: 1080 x 1920 пикселей
  • Размер поста в Twitter: 1024 x 512 пикселей
  • Размер поста Pinterest: 736 x 1128 пикселей

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

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

Позвоните чтобы узнать подробнее

Источник: http://sansans.ru/blog/fotoshop/kak-izmenit-razmer-izobrazheniya-bez-sushchestvennoj-poteri-kachestva-s-pomoshchyu-adobe-photoshop-takzhe-uznajte-kak-bystro-konvertirovat-edinitsy-izmereniya-izobrazheniya-iz-dyujmov-v-pikseli-i-obratno.html