Нажмите "Enter" для пропуска содержимого

Размеры картинок в пикселях: Размеры изображений для 7 социальных сетей — справочник

Содержание

Размеры изображений в социальных сетях на 2021 -2022 год

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

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

Определения

Но сначала мы расскажем о том, какие бывают виды изображений в соцсетях.

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

Изображение профиля — самая важная картинка вашей странички в интернете. Она находится рядом с картинкой объекта и отображается во всех местах, где вы что-либо публикуете и оставляете комментарии.

Изображение на публикации используется для какого-либо поста в вашем профиле.

Пост со ссылкой тоже сопровождается отдельной картинкой.

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

Западная социальная сеть Facebook является самой известной в мире, и с ней наверняка будут контактировать большинство ваших клиентов.

1. Размеры изображения на деловой странице в Facebook

Обложка на странице

  • Размер обложки Фейсбуке равняется 820 на 312 пикселям.
  • Можно загрузить картинку и более высокого качества, лишь бы она соответствовала корреляции 2,628:1.
  • На смартфонах же картинка показывается в 
    640 
    на 360 пикселей. Так что при условии, что важной частью изображения является слова или символика, то их необходимо поставить в центр во избежание обрезания.
  • Лучше всего подойдёт формат изображения PNG, в особенности если частью картинки является буквы или символы.
  • Для максимально быстрой загрузки сам сайт советует sRGB JPG и предел объема в 100 КБ.

Фотография профиля

  • Своими габаритами картинка на странице в Фейсбуке не может быть меньше 180 на 180 пикселей.
  • Можно установить картинку иного размера, пока она не меньше указанного выше и соответствует соотношению один к одному.
  • На смартфонах картинка уменьшится до 128 на 128 px.
  • Если изображение не соответствует квадратному соотношению, оно автоматически обрежется до такового самим сервисом.
  • Миниатюра показывается в пределах 40 на 40 px и округляется. То есть требуется поставить логотип в центр и сделать его длиной в 20 пикселей.

Публикация с картинкой

  • Наиболее подходящим в данном случае масштаб фотографии будет 1200 
    на 630 пикселей.
  • В ленте с новостями картинка отобразиться 476 пикселями и масштабируется до 2:2,30

Публикация со ссылкой

  • Тут больше всего подойдёт картинка в 1200 на 630 px.
  • Фотка отобразиться как 476 на 248 px, а на бизнес-странице — как 450 на 235 px.
  • Миниатюрная квадратная картинка на всём сайте соответствовует 158 на 158 пикселям. Но только при условии, что изображение с сайта своими размерами не больше 600 на 315 пикселя.

2. Размеры изображения группы во Facebook

Обложка в группе

  • На самой странице обложка отобразится размером 820 на 428 px.
  • Можно загрузить и более качественное изображение, но важно сохранять пропорции 3,82:2.
  • Лучше же всего в лицевую картинку группы поставить файл с масштабом 1640 на 956 px.

3. Размеры картинок в мероприятиях на Facebook

  • Показываться на веб-странице мероприятия картинка будет 500 на 262 пикселя. Но мы советуем установить картинку масштаба 1200 на 630 px.
  • Самый крайний объем площади никак не может быть меньше 400 на 150 пикселей.
  • На случай, если вы разделили мероприятие: картинка в ленте с новостями соответствовать 476 на 248 пикселям.

4. Размеры картинок Истории во всех отделениях Facebook

  • Тут лучше всего загрузить картинку со стандартными перевернутыми на 90 градусов Full HD пропорциями: 1080 на 1920 px.
  • В видах файлов спокойно подойдут JPG с PNG.

5. Размер картинок опросов на Facebook

  • Соотношение сторон картинок квадратное, и подойдут все возможные характеристики, превышающие 
    236 
    на 236 px, ведь именно таким размером он отображается на самом сайте.
  • Форматами для загрузок тут мало ограничений — подойдёт и PNG с JPG, куда менее популярный TIFF и анимация в файлах GIF.

6. Масштабы изображений продукции в Facebook

  • Картинка с продукцией обязана равняться 1024 на 1024 пикселя или больше.
  • Сама картинка должна иметь форму квадрата и иметь белоснежный фон.

7. Масштабы картинок Вакансий в Facebook.

  • Наименьший допустимый масштаб в рамках вакансии соответствует 408
     на 208 px.
  • Однако наиболее оптимальным вариантом считается 1200 пикселей на 630.

Размеры картинок для Twitter

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

Хедлайнер

  • Своим размером картинка обложки профиля обязана соответствовать 1500 на 500 пикселям.
  • Однако показываться загруженная картинка не совсем полностью, а именно в 1500 пикселей на 420.
  • Из поддерживаемых файлов присутствуют PNG, JPG и не являющиеся анимацией GIF.
  • Объёмом файл не способен быть тяжелее 10 МБ.

Картинка профиля

  • Аватаркой профиля способна стать картинка площадью 400 на 400 пикселей.
  • Итоговый размер равняется 200 на 200 px.
  • А уменьшенная версия так и совсем крохотная — 40 на 40 px.
  • У видов файлов правила те же: PNG, JPG и GIF, не содержащие в себе больше одного кадра.

Сообщения с изображениями на странице профиля

  • Картинки показываются уменьшенными до 
    506 px.
  • Они достигают максимального объема в 15 Мегабайт в компьютерной версии сайта и до 5 — в версиях для гаджетов.

Сообщение со ссылкой на странице профиля

  • Картинка показывается масштабом в 506 на 254 px.

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

Google Plus — соцсеть от корпорации Google, один из многих их экспериментальных проектов. Далеко не самая популярная соцсеть, но имеет своих преданных поклонников.

Обложка на странице

  • Масштаб картинки на странице соответствует 1080 на 608 px.
  • Самое низкое же доступное разрешение равняется 480 на 270 px.
  • Есть и высший порог — 2120 на 1192 пикселя.
  • Предел объема загружаемого файла — 20 МБ.
  • Поддерживаются типы файлов PNG и JPG.

Фотография профиля на странице

  • Аватар профиля равен квадрату и соответствует 250 на 250 пикселям.
  • Нижний же порог картинки — 120 на 120 px.
  • Уменьшенная копия будет версией с разрешением 36 на 36 px.
  • Загружаемыми видами файлов являются PNG, JPG и GIF.

Сообщение с изображением на веб-странице компании

  • Показываться картинки будут 528 пикселями в длину
    .
  • А в ленте с новостями станут ещё немного меньше — уже 376 пикселями.
  • Высота изменится пропорционально длине.
  • Самый большой размер изображения при открытии не может быть более громоздкой, чем 2048 на 2048 пикселя.

Сообщение со ссылкой

  • С прикреплением ссылки ширина изображения не изменится — 528 px.
  • В ленте новостей правила те же — 376 пикселя.
  • Высота адаптируется под длине.

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

Прежде всего WhatsApp — мессенджер, где также предусмотрена возможность учреждать группы и прочие возможности. Бизнес-аккаунт в этой соцсети гарантирует мгновенную связь с пользователями.

Изображение персонального или бизнес-профиля

  • Аватарка: 192 на 192 пикселя.
  • Для неё можно загрузить файл формата PNG или JPG.

Изображение профиля в группе

  • Правила те же — 192 на 192 px.
  • Форматы картинок тоже только JPG или PNG.

Размеры изображения в Instagram

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

Изображение профиля

  • Максимальный масштаб аватарки составит 152 на 152 px.
  • Её же миниатюрная версия равна 32 на 32 пикселям.
  • Загрузить можно файлы типа JPG или PNG.

Изображение в публикациях

  • Лучше всего загружать картинки масштабом 1080 на 1080 px.
  • Во время просмотра профиля фотки будут в 302 px, а при одном клике — на 600 px.
  • На главной же веб-сайта они так же равны 600 пикселям.
  • Из типов файлов поддерживаются PNG или JPG.

Истории в Инстаграме

  • Тут самый огромный размер — уже знакомый перевернутый Full HD 1080 на 1920 пикселя.
  • Среди поддерживаемых типов все ещё PNG или JPG.

Размеры изображения на видеохостинге YouTube

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

Обложка изображения на канале

  • Необходимый минимум фонового изображения для канала — 1048 на 1152 пикселя.
  • Рекомендованный размер: 2560 на 1440 пикселя.
  • В версии для гаджетов картинка будет размером 1546 на 423 пикселя.
  • Предел ширины для картинок — 2560 px.
  • Файл картинки не может весить больше 6 МБ.

Фотография в профиле канала

  • Картинке профиля на вашей странице необходимо быть в масштабе 800 на 800 пикселей.
  • Стоит только соединить свои аккаунты YouTube с соцсетью от Google, как аватарка будет автоматически взята с последнего.
  • В основном аватарка соответствует масштабу 98 на 98 пикселей.
  • Из доступных для установки типов файлов числятся BMP, PNG, JPG или GIF.

Масштабы изображения во Вконтакте (VK)

Вконтакте, сейчас заметно чаще называемый сокращением VK — популярная российская соцсеть. Раньше она была известна как русский аналог Фейсбука, но со временем обрела свой уникальный статус и сильно отошла от основ дизайна прародителя.

Обложка на странице

  • Лучше всего загружать картинки размером 1590 на 400 px.
  • Показываться картинка в масштабе 796 на 200 px.
  • Поставить можно типы файлов вроде GIF, PNG или JPG.

Фотография профиля

  • Картинка профиля на сайте соответствует масштабу 50 на 50 пикселей.
  • Наибольшую площадь картинки на страничке занимают в 500 на 200 px.

Пост с изображением

  • Длина картинки в публикации не превысит 510 px.

Публикация со ссылкой

  • Длина картинки в таком посте будет не больше 510 px, а высота приравняется 308 пикселям.

Масштабы картинок на Одноклассниках

Ok.ru, более известная как Одноклассники — ещё одна соцсеть, лидирующая по популярности в России.

Фотография профиля

  • Аватарка профиля равняется 288 на 288 пикселям.

Картинка в постах

  • Лимит длины картинки в публикации — 546 px.

Публикация со ссылкой

  • Здесь картинка равняется 546 на 272 px.

Итог

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

Задать вопрос

Что происходит с пикселями при изменении размера изображения?



У меня есть это оригинальное изображение размером 800 x 600px

Что мне нужно сделать, так это изменить размер изображения до 625 x 480 пикселей и отфильтровать все участки земли. Я обнаружил, что BGR значения земельной части равны (95 155 212). Это код, который я использовал для фильтрации всех областей и:

image[np.where((image == [95,155,212]).all(axis = 2))] = [0,0,0]

Если я сначала изменю размер, а затем отфильтрую, то вот результат:

Если я сначала отфильтрую, а затем изменю размер, то получу желаемый результат:

Итак, мой первый вопрос заключается в том, что происходит с пикселями изображения при его изменении размера?

У меня есть это оригинальное изображение размером 712 x 480px

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

python image opencv image-processing filter
Поделиться Источник annena     29 июня 2015 в 04:48

2 ответа


  • Изменение размера элементов формы при изменении размера формы

    как изменить размер элементов формы Windows при изменении размера формы? есть ли какой-нибудь способ установить ширину picturebox, panel и т. д. 100%, как CSS? предложите мне какую-нибудь помощь для лучших практик верстки? Когда я изменяю размер формы Windows, я хочу, чтобы размер изображения…

  • изменение ширины и высоты изображения при изменении размера окна

    Я хочу изменить ширину и высоту изображения при изменении размера окна в jquery, у меня есть пример сайта, но этот код для меня труден. Пример сайта http://xctravels.com/ здесь мы видим динамическое изменение ширины и высоты изображения при изменении размера окна.



2

скорее всего, изменение размера изменяет цвета границ на что-то среднее между цветом земли и черным контуром.

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

Как отремонтировать?

  1. используйте изменение размера ближайшего соседа

    это позволит оставить цвета как есть, но измененное изображение не так красиво …

  2. измените фильтры для обработки близких цветов, а не только диапазона цветов

    поэтому переключитесь на что-то вроде заливки потоком и заполните все пиксели, которые не слишком отличаются друг от друга. Для этого вам нужно 2 порога:

    • абсолютный (является ли цветовая гамма общей большой)
    • относительное (является ли максимальное изменение соседних пикселей небольшим)

    теперь просто перекрасьте изображение с измененным размером или измените функцию фильтра на эту …

Поделиться Spektre     29 июня 2015 в 06:52



0

Размеры изображений на экране и в печати

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

Размер экрана

Разрешение экрана вашего монитора-это количество пикселей, которое он может отображать. Например, монитор с разрешением экрана 640 x 480 пикселей отображает 640 пикселей по ширине и 480 пикселей по высоте. Существует несколько различных разрешений экрана, которые вы можете использовать, и физический размер экрана монитора обычно определяет доступные разрешения. Например, большие мониторы обычно показывают более высокое разрешение, чем маленькие мониторы, потому что у них больше пикселей.

Размер изображения на экране

Изображения имеют фиксированный размер пикселей, когда они появляются на вашем мониторе. Разрешение экрана определяет размер изображения на экране. Монитор с разрешением 640 x 480 пикселей отображает меньше пикселей, чем монитор с разрешением 1024 x 768 пикселей. Таким образом, каждый пиксель на мониторе размером 640 x 480 пикселей больше, чем каждый пиксель, отображаемый на мониторе размером 1024 x 768 пикселей.

Изображение размером 100 x 100 пикселей занимает примерно одну шестую часть экрана при 640 x 480, но при 1024 x 768 оно занимает только одну десятую часть экрана. Таким образом, изображение выглядит меньше при 1024 x 768 пикселях, чем при 640 x 480 пикселях

Следующие параметры изменяются при изменении размера пикселя изображения : Ширина и высота изображения. Размер изображения : Размер документа: Физический размер изображения при печати, включая ширину и высоту. Разрешение изображения при печати: это значение отображается в пикселях на дюйм или пикселях на сантиметр.

В Photoshop физический размер, разрешение и размеры пикселей изображения вычисляются следующим образом:

  1. Физический размер = разрешение x размеры пикселей
  2. Разрешение = физический размер / размеры пикселей
  3. Размеры пикселей = физический размер / разрешение

Для получения дополнительной информации об этом вы можете проверить документ Adobe об изменении размера изображения

Поделиться Durodola Opemipo     06 мая 2017 в 07:31


  • Обновление Canvas при изменении размера окна

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

  • Качество изображения снижается при изменении размера

    Есть ли способ предотвратить снижение качества изображения, которое мы нарисовали на фоне Jpanel при изменении размера кадра?


Похожие вопросы:


opencv2: бикубическая интерполяция при изменении размера изображения

Я хотел бы сделать изменение размера изображения с помощью приложения cv2.resize . Я хотел бы сделать бикубическую интерполяцию при изменении размера. Как бы я это сделал?


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

У меня есть фоновое изображение размером 1903х2160. Есть ли способ предотвратить масштабирование или изменение размера этого фонового изображения при изменении размера окна? Я бы хотел, чтобы…


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

У меня есть статьи с display:table и оболочка изображения внутри с display:table-cell для достижения вертикального и горизонтального выравнивания изображений. Изображения имеют ширину и высоту 80%,…


Изменение размера элементов формы при изменении размера формы

как изменить размер элементов формы Windows при изменении размера формы? есть ли какой-нибудь способ установить ширину picturebox, panel и т. д. 100%, как CSS? предложите мне какую-нибудь помощь для…


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

Я хочу изменить ширину и высоту изображения при изменении размера окна в jquery, у меня есть пример сайта, но этот код для меня труден. Пример сайта http://xctravels.com/ здесь мы видим динамическое…


Обновление Canvas при изменении размера окна

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


Качество изображения снижается при изменении размера

Есть ли способ предотвратить снижение качества изображения, которое мы нарисовали на фоне Jpanel при изменении размера кадра?


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

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


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

При цифровой обработке изображений мне нужно понять, что делает изменение размера изображения? Изменяет ли он только размеры изображения, например, с 256×256 до 128×128 с тем же интервалом между…


что происходит с пикселями andRGB при изменении размера изображения?

Как работает изменение размера изображения[добавление и уменьшение размера изображения] и что происходит с пикселями и RGB ? объясните вкратце

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

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



Точность — ключ к успеху | Shutterstock

Заметка: Как следует из названия, этот тип программы позволяет измерять определенную пользователем область на экране вашего компьютера. Показания даны в пикселях.

1. PixelRuler 3

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

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



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



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



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



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

2. Пиксельная линейка PicPick

PicPick — довольно универсальный инструмент, состоящий из множества компонентов, включая модуль захвата снимков экрана. Однако для целей этой статьи мы остановимся исключительно на линейке пикселей.



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

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



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

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



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

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

Вместо этого поместите линейку в положение, в котором начало линейки находится за желаемой начальной точкой, а затем используйте перекрестие во втором окне. Сделайте то же самое для своей конечной точки. Например, на скриншоте ниже я хотел измерить от «G» в Google. Увеличенное изображение и перекрестие вторичного окна сделали это довольно легко.

Запишите полученное значение для начальной и конечной точек, затем вычтите значение для начальной точки из значения для конечной точки, и вы получите желаемое измерение.



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



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

Вывод

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

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

ТАКЖЕ ПРОЧИТАЙТЕ: 2 инструмента для автоматического создания снимков экрана с регулярными интервалами на ПК с Windows

Размеры картинок для соцсетей: памятка маркетологу для создания красивых постов

Значение визуального контента в социальных сетях продолжает увеличиваться, но просто качественных изображений все-таки недостаточно. Нужно также учитывать размеры картинок для соцсетей. Это важно для репутации страницы, для продвижения и настройки кампаний. Какой размер изображений выбирать для ВКонтакте, Facebook, Twitter, Instagram, YouTube, Pinterest, «Одноклассников», LinkedIn и Tumblr — читайте в материале.

Размер картинок для ВК

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

Минимальные и оптимальные размеры картинок для постов ВК

— Картинка к внешней ссылке / Обложка статьи / Прямоугольная картинка для ленты: минимум 510 х 240 рх.

Картинка к внешней ссылке на странице SendPulse

— Квадратная картинка для ленты: минимум 510 х 510 рх.

Пример квадратной картинки в ленте развлекательного канала

— Обложка группы: оптимально 1590 х 400 рх.

— Аватар: минимум 200 х 500 рх.

На скрине: справа — обложка группы, слева — аватар.

Пример популярной группы ВКонтакте

— Истории: оптимально 1080 х 1920 рх.

Пример истории со страницы компании

Длительность истории ВКонтакте — до 15-ти секунд, размер фото или видео не должен превышать 10 МБ. Размер видео — 720 х 1280 рх.

Размеры фото в ВК для рекламы

— Изображение для витрины товаров: минимум 510 х 510 рх.

Изображение с витрины товаров магазина ВКонтакте

— Для карусели товаров: минимум 400 х 400 рх.

Рекламная карусель товаров в ленте

— Прямоугольная картинка для рекламы с кнопкой: минимум 510 х 290 рх

— Реклама внешних сайтов в боковой колонке.

Реклама внешних сайтов в боковой колонке публикуется в разных форматах: визуал с текстом — 145 х 85 рх, визуал с заголовком — 145 х 165 рх.

Справа в примере — картинка к рекламе с кнопкой, размер 540 х 304 рх. Слева — реклама в боковой колонке: с текстом, размер 145 х 85 рх; большое изображение с заголовком, размер 145 х 165 рх.

Разные виды рекламы в ленте ВК

Размер картинок для ВК: советы

Вы можете экспериментировать с размерами картинки для поста ВК, но опирайтесь на минимальные значения: 510 х 228 рх. Если загрузить картинку меньшего формата, она растянется и будет смотреться некачественно.

Максимальный размер фото ВКонтакте после сжатия — 1280 х 1024 рх.

Максимальный вес изображения для поста ВК — 5 МБ.

Между перетаскиванием фото из папки компьютера и кнопкой «Добавить фотографии» выбирайте первый вариант. Это рекомендация от разработчиков ВКонтакте.

Как загружать картинки ВК без потери качества

Мы определились с размером картинки поста ВК, но также обратите внимание на формат. Выбирайте JPG, GIF, PNG.

Откройте для себя чат-бота

Выстраивайте автоворонки продаж и отвечайте на вопросы пользователей с помощью чат-бота в Facebook, VK и Telegram.

Создать чат-бота

Размеры изображений для Facebook

Аудитория Facebook в России — порядка 5-7,5 млн человек. Данная площадка используется реже, чем ВКонтакте, но все больше людей выбирают Facebook, как соцсеть для работы. В проекте Марка Цукерберга также есть много рекламных инструментов, под которые нужно подбирать изображения.

Минимальные и оптимальные размеры картинок для Facebook

— Аватар: минимум 320 х 320 рх.

— Обложка личной страницы: оптимально 820 х 312 рх.

— Обложка сообщества: оптимально 1640 х 859 рх.

На скрине: слева — аватар, справа — обложка.

Вид страницы SendPulse в Facebook

— Картинка к посту с внешней ссылки: минимум 500 х 261 рх.

Картинка к внешней ссылке, пример со страницы SendPulse

— Прямоугольная картинка для ленты: оптимально 1200 х 628 рх.

— Сторис: оптимально 1080 х 1920 рх.

Скрин сторис группы «Популярная механика»

Размер картинок для FB: советы

Соотношение сторон для рекламного поста — от 1.91:1 до 4:5.

В ленте прямоугольная картинка уменьшается до 500 рх по ширине с сохранением пропорций.

Минимально допустимый размер обложки: 399 х 150 рх.

Если хотите подгрузить фото лучшего качества, используйте формат PNG.

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

Перегруженное текстом изображение в ленте сообщества

Размеры изображений для OK

Рассмотрим, какие требования к изображениям у популярной отечественной соцсети.

— Аватар: минимум 190 х 190 рх.

— Размер обложки профиля «Одноклассники»: оптимально 1944 х 600 рх.

— Обложка для мобильной версии: минимум 1024 х 768 рх.

На скрине: вверху — обложка профиля, ниже — аватар.

Скрин профиля группы в «Одноклассниках»

— Картинка поста: максимум 1680 х 1680 рх.

Скрин публикации группы в «Одноклассниках»

— Картинка к внешней ссылке: минимум 546 х 272 рх.

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

Обложка популярной группы в «Одноклассниках»

Размер картинок для «Одноклассников»: советы

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

В ленте группы картинки отображаются в размере 548 х 411 рх.

Размеры картинок для Instagram

Три основных формата изображений в Instagram: фото профиля, публикация в ленте, картинка для сторис.

— Размер аватарки в Инстаграм: минимум 180 х 180 рх.

Размер обложки под актуальные Stories: максимум 1080 x 1920 рх.

На скрине: вверху — фото профиля, ниже — обложки под наборы сторис.

Скрин обложек Stories в Instagram

— Размеры поста в Инстаграм: оптимально 1080 х 1080 рх.

Скрин фото из профиля в Instagram

Скачать фото напрямую из Инстаграма нельзя, только через специальные программы или скриншоты.

— Для сторис: 1080 х 1920 рх.

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

Примеры рекламы в ленте сторис

Размер картинок для Instagram: советы

Размер фото профиля Инстаграм должен быть не менее 110 х 110 рх.

Старайтесь, чтобы размер картинки для поста в Инстаграм укладывался в пропорции от 1.91 к 1 и до 4 к 5.

Размеры картинок для YouTube

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

— Превью: 1280 x 720 рх.

— Обложка канала: 2560 x 1440 рх.

— Аватар: 800 x 800 рх.

Рассмотрим на примере, как выглядят разные элементы профиля YouTube. Вверху — обложка канала, ниже — аватар, в самом низу — превью.

Скрин профиля канала YouTube

— Обложка альбома: от 1400 x 1400 до 4098 x 4098 рх.

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

Размер картинок для YouTube: советы

Вес превью — до 2 МБ. Минимальная ширина — 640 рх.

Вес обложки канала — до 6 МБ.

Размеры изображений для Twitter

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

— Картинка профиля: оптимально 400 х 400 рх.

— Размер шапки «Твиттера»: оптимально 1500 х 500 рх.

— Фото для постов: не принципиально, но размером до 5 МБ.

На примере мы видим золотой стандарт размеров: обложка профиля — 1500 х 500 рх, аватар — 400 х 400 рх.

Скрин профиля Илона Маска

Мы определились с размером шапки «Твиттера», со стандартами к другим типам картинок, теперь обратимся к форматам. Фото профиля отображается в JPG, GIF и PNG.

Размеры картинок для Pinterest

Требования к изображениям на фотохостинге следующие:

— Пост (пин): не принципиально, но оптимально 800 х 1200 рх.

Скрин пина из профиля Pinterest

— Обложка подборки пинов: минимум 225 х 150 рх.

На картинке показано, где будет обложка для подборки пинов и как ее задать.

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

— Аватар: минимум 165 х 165 рх.

— Баннер для профиля: оптимально 3000 х 1055 рх.

Рассмотрим на примере ниже, как выглядит аватар и баннер для профиля.

Скрин профиля пользователя Pinterest

Размер картинок для Pinterest: советы

В пользовательской ленте все картинки показываются с шириной 235 рх:

Лента в Pinterest, пины отображаются с одинаковой шириной

Узкие картинки Pinterest обрезает, настоящий размер пользователь увидит, когда кликнет на пин.

Размеры картинок для LinkedIn

Переходим к профессиональной соцсети LinkedIn. Рекомендации по размерам иллюстраций следующие:

— Картинка к посту с внешнего ресурса / Визуал для поста: оптимально 1200 х 630 рх.

— Обложка пользователя: оптимально 1584 х 396 рх.

— Обложка профиля компании: оптимально 1536 х 768 рх.

— Фото профиля: минимум 400 х 400 рх.

Посмотрим, как выглядит профиль LinkedIn. На картинке слева — аватар, справа — обложка профиля.

Скрин профиля Билла Гейтса в LinkedIn

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

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

Обложка популярного сообщества

Визуальный контент постов отображается с шириной 350 рх.

Размеры картинок для Tumblr

Площадка микроблогов Tumblr не предусматривает разнообразие размеров визуального контента. Чтобы делать записи в Tumblr, нужно зарегистрироваться и создать микроблог. Микроблогов может быть несколько, именно в них можно загрузить аватар, обложку профиля.

— Аватар: минимум 128 х 128 рх.

— Обложка профиля: оптимально 3000 х 1055 рх.

Интерфейс микроблога, куда можно добавить аватар и обложку профиля

— Изображение поста: не принципиально, оптимально 500 х 750 рх.

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

Вид ленты в Tumblr

Через сервис также можно делать анимированные посты формата GIF, до 540 рх по ширине, весом до 3 МБ; и видеопосты формата MOV и MP4, весом до 100 МБ.

Вывод

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

Надеемся, мы помогли вам разобраться с размерами картинок в социальных сетях. А если вам интересен не только качественный визуал, но и продажи, регистрируйтесь в сервисе автоматизации маркетинга SendPulse. Отправляйте email рассылки, push уведомления, SMS и Viber рассылки, а также создавайте чат-ботов для ВК, Telegram и Facebook Messenger.

[Всего: 4   Средний:  4.8/5]

Как изменить размер в пикселях в фотошопе

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

  1. Откройте Photoshop, перейдите в меню File>Open (Файл>Открыть) и выберите изображение:

  1. Перейдите в меню Image>Image Size(Изображение>Размер изображения):

  1. Диалоговое окно Image Size (Размер изображения) будет выглядеть, как показано на снимке ниже:

  1. Чтобы изменить только разрешение, снимите галочку с Resample Image (ресамплинг):

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

  1. В поле Resolution(Разрешение) введите нужный размер:

Обратите внимание, что когда вы вводите значение в поле Resolution ( Разрешение ), значения ширины и высоты документа также изменяются:

  1. Нажмите кнопку «ОК», чтобы сохранить изменения:

Теперь вы знаете, как увеличить разрешение картинки в Фотошопе .

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

Обратите внимание, что ширина и высота документа уменьшились наполовину, а разрешение удвоилось. Это означает, что для того, чтобы использовать разрешение 600 пикселей на дюйм и сохранить высокое качество, я могу распечатать это изображение только размером 5 x 3.33 дюймов:

Что произойдет, если мы уменьшим наше разрешение?


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

Что все это значит?

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

Представьте, что вы и ваш друг находитесь в поле, и у каждого полное ведро с 5000 семян растений. Вы должны посадить все свои 5000 семян на 1-дюймовых квадратах поля. Теперь представьте, что вам разрешено посадить только 150 семян на дюйм, а вашему другу разрешается посадить 300 семян на дюйм. У обоих одинаковое количество семян, но вам потребуется вдвое больше площади поверхности в поле, чтобы посадить все свои семена.

Посчитаем, чтобы стало более понятно, как увеличить разрешение картинки в Фотошопе :

Изображение в примере составляет 3000 на 2000 пикселей

600 пикселей на дюйм: 3000 пикселей / 600 пикселей на дюйм = 5 дюймов.
2000 пикселей / 600 пикселей на дюйм = 3,33 дюйма.
300 пикселей на дюйм: 3000 пикселей / 300 пикселей на дюйм = 10 дюймов.
2000 пикселей / 300 пикселей на дюйм = 6,667 дюйма.
150 пикселей на дюйм: 3000 пикселей / 150 пикселей на дюйм = 20 дюймов.
2000 пикселей / 150 пикселей на дюйм = 13,33 дюйма.
72 пикселя на дюйм: 3000 пикселей / 72 пикселей на дюйм = 41.67 дюйма.
2000 пикселей / 72 пикселя на дюйм = 27.78 дюймов.

Как разрешение влияет на печать?

В этом примере изображение было распечатано лазерным принтером на стандартных листах бумаги размером 8,5 на 11 дюймов:


72 пикселя на дюйм: Размер документа настолько большой, что не помещается на листе размером 8,5 на 11 дюймов и обрезается. Качество печати крайне низкое, в результате чего изображение выглядит очень размытым.

150 пикселей на дюйм: Размер документа по-прежнему слишком большой для листа размером 8,5 на 11 дюймов, качество посредственное, но не слишком подходящее.

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

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

Какое же разрешение выбрать? При 72 и 150 пикселях на дюйм изображения слишком низкого качества для получения высококачественной печати, так что они выбывают. Изображения с 300 и 600 пикселями на дюйм выглядели очень четко, но изображение с 600ppi было слишком мало. Для этого примера разрешение 300 пикселей на дюйм подходит лучше всего из-за большого печатного размера и высокого качества.

Поиск наилучшего разрешения – это лучший способ, как увеличить качество картинки в Фотошопе .

Данная публикация представляет собой перевод статьи « How to Change Image Resolution Using Adobe Photoshop » , подготовленной дружной командой проекта Интернет-технологии.ру

На этой странице

В Photoshop обновлено диалоговое окно «Размер изображения». Дополнительные сведения см. в разделе Изменение размера изображения.

Сведения о размерах в пикселях и о разрешении напечатанных изображений

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

Если ресамплинг изображения не выполняется (см. раздел Ресамплинг), объем данных изображения остается неизменным при изменении размеров или разрешения печати. Например, при изменении разрешения файла его высота и ширина изменяются так, чтобы объем данных изображения оставался прежним.

Photoshop позволяет увидеть соотношение между размером изображения и его разрешением в диалоговом окне «Размер изображения» (меню «Изображение» > «Размер изображения» ). Снимите параметр «Интерполяция», так как изменять объем данных изображения не требуется. Затем измените ширину, высоту или разрешение. При изменении одной из величин остальные будут приведены в соответствие первой. Если выбран параметр «Ресамплинг изображения», можно изменить разрешение, ширину и высоту изображения в соответствии с требованиями печати или вывода на экран.

Быстрое отображение текущего размера изображения

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

Размер файла

Размер файла изображения — это физический размер файла, в котором хранится изображение. Он измеряется в килобайтах (КБ), мегабайтах (МБ) или гигабайтах (ГБ). Размер файла пропорционален размерам изображения в пикселах. Чем больше количество пикселов, тем детальнее изображение, получаемое при печати. Однако для их хранения требуется больший объем дискового пространства, а редактирование и печать замедляются. Таким образом, при выборе разрешения необходимо найти компромисс между качеством изображения (которое должно содержать все необходимые данные) и размером файла.

Другим фактором, влияющим на размер файла, является его формат. Из-за различий в методах сжатия, используемых в форматах файлов GIF, JPEG, PNG и TIFF, размеры файлов при одинаковых размерах в пикселах могут сильно отличаться. Аналогично влияют на размер файла битовая глубина цвета и количество слоев и каналов.

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

Сведения о разрешении монитора

Разрешение монитора описывается в размерах (в пикселах). Например, если разрешение монитора и размеры фотографии в пикселах одинаковы, то при просмотре в масштабе 100 % фотография будет занимать весь экран. Размер изображения на экране зависит от совокупности факторов — от размеров изображения в пикселах, размера монитора и разрешения монитора. Photoshop позволяет изменять видимый размер изображения на экране, поэтому пользователь может легко обрабатывать изображения любого размера.

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

Сведения о разрешении принтера

Разрешение принтера измеряется в точках на дюйм, dpi. Как правило, чем больше точек на дюйм, тем лучше качество печатного изображения. Большинство струйных принтеров обладают разрешением от 720 до 2880 dpi. (С технической точки зрения, в отличие от устройств фотовывода и лазерных принтеров, струйные принтеры оставляют микроскопические кляксы.)

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

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

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

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

Определение оптимального разрешения изображения

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

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

Важно. Этот документ содержит общие сведения. Инструкции по изменению размера фотографии см. в разделе Размер и разрешение изображения. Инструкции по кадрированию фотографий см. в разделе Кадрирование и выравнивание фотографий.

С помощью Adobe Photoshop изменить размер фотографии можно несколькими способами. Для получения оптимальных результатов при изменении размера изображений, необходимо понимать основные принципы и результаты методов изменения размера. Эти принципы также действуют для параметров инструмента «Кадрирование». При изменении размера и кадрировании изображений без понимания принципов действия можно получить непредвиденные результаты.

Размеры изображения на экране и при выводе на печать

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

Размер экрана

Разрешение экрана монитора — это количество пикселей, которое он может отобразить. Например, монитор с разрешением экрана 640 x 480 пикселей отображает 640 пикселей в ширину и 480 пикселей в высоту. Можно использовать несколько различных разрешений экрана, а физический размер экрана монитора обычно определяет доступные разрешения. Например, большие мониторы обычно отображают более высокое разрешение, чем маленькие, поскольку они имеют больше пикселей.

Чтобы узнать разрешение экрана, выберите Пуск > Панель управления > Экран > Свойства и просмотрите разрешение экрана (Windows) или выберите > Параметры системы > Экраны и посмотрите список Разрешения (Mac OS).

Размер изображения на экране

Когда изображения появляются на экране, они имеют фиксированный размер в пикселях. Разрешение экрана определяет размер изображения на экране. Например, монитор с разрешением 640 x 480 отображает меньше пикселей, чем монитор с разрешением 1024 x 768. Поэтому размер каждого пикселя, отображаемого на экране с разрешением 640 x 480, больше, чем размер пикселя, отображаемого на экране с разрешением 1024 x 768.

Изображение размером 100 x 100 пикселей занимает примерно одну шестую площади экрана с разрешением 640 x 480 и всего одну десятую площади экрана с разрешением 1024 x 768. Поэтому на экране с разрешением 1024 x 768 пикселей изображение выглядит меньше, чем на экране с разрешением 640 x 480 пикселей.

Размер изображения при печати

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

Диалоговое окно «Размер изображения»

При использовании диалогового окна «Размер изображения» для изменения размера изображения (выберите «Изображение» > «Размер изображения») могут измениться четыре параметра изображения.

  • Размеры в пикселях: ширина и высота изображения.
  • Размер изображения, когда оно открыто в Photoshop: это значение появляется в верхней части диалогового окна.
  • Размер документа: физический размер изображения при печати, включая ширину и высоту.
  • Разрешение изображения при печати: это значение отображается в пикселях на дюйм или пикселях на сантиметр.

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

  • Физический размер = разрешения x размеры в пикселях
  • Разрешение = физический размер / размеры в пикселях
  • Размеры в пикселях = физический размер / разрешение

Диалоговое окно «Размер изображения» позволяет изменить размер изображения двумя способами. Можно увеличить или уменьшить объем данных в изображении (ресамплинг). Также можно сохранить тот же объем данных в изображении (изменение размера без ресамплинга). При ресамплинге качество изображения может ухудшиться в некоторой степени. Возможно, придется выполнить дополнительную работу, например, использовать «Контурная резкость», чтобы увеличить резкость изображения и компенсировать ресамплинг.

Совет: для сброса диалогового окна «Изменить размер изображения» к его исходному состоянию нажмите клавишу Alt (Windows) или Option (Mac OS). При нажатии этих клавиш кнопка «Отмена» изменяется на кнопку «Сброс».

Изменение размера и ресамплинг изображений

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

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

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

  • Изменение размеров в пикселях влияет на физический размер, но не на разрешение.
  • Изменение разрешения влияет на размеры в пикселях, но не на физический размер.
  • Изменение физического размера влияет на размеры в пикселях, но не на разрешение.

Вы не можете установить размер файла. Он изменяется при изменении общего объема данных в изображении (размер в пикселях). Обратите внимание на значение «Размер файла», прежде чем изменить любые другие значения в диалоговом окне. Информация о размере файла поможет понять, сколько данных удаляется или добавляется к изображению при ресамплинге. Например, если размер файла меняется с 250 кБ на 500 кБ, к изображению добавляется вдвое больше данных, что может привести к ухудшению изображения. Такие изображения могут выглядеть размытыми, неровными или зернистым.

Изменение размера изображения без ресамплинга

При изменении размера изображения без ресамплинга изменяется размер изображения без изменения объема данных в нем. Изменение размера без ресамплинга изменяет физический размер изображения без изменения размеров изображения в пикселях. Данные не добавляются и не удаляются из изображения. При снятии флажка или деактивации параметра «Ресамплинг» поля размеров в пикселях недоступны. Два значения, которые можно изменить — это физический размер (ширина и высота в размере документа) или разрешение (пикселей/дюйм). При изменении размера без ресамплинга можно установить физический размер или разрешение изображения. Чтобы сохранить общее количество пикселей в изображении, Photoshop компенсирует измененное значение увеличением или уменьшением другого значения. Например, при установке физического размера, Photoshop меняет разрешение.

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

Например, изображение размером 400 x 400 пикселей имеет физический размер 4 x 4 дюйма и разрешение 100 пикселей на дюйм (ppi). Для уменьшения физического размера изображения на половину без ресамплинга можно задать физический размер 2 x 2 дюйма. Photoshop увеличит разрешение до 200 пикселей на дюйм. Изменение размера изображения таким образом оставляет общее количество пикселей неизменным (200 пикселей на дюйм x 2 x 2 дюйма = 400 x 400 пикселей). При увеличении физического размера вдвое (до 8 x 8 дюймов) разрешение уменьшается до 50 пикселей на дюйм. Добавление дюймов к размеру изображения означает, что теперь в дюйме может быть вдове меньше пикселей. При изменении разрешения изображения, физический размер также изменяется.

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

Примечание. Пиксели на дюйм (ppi) — это количество пикселей в каждом дюйме изображения. Количество точек на дюйм (dpi) относится только к принтерам и отличается в зависимости от принтера. Как правило, оно составляет от 2,5 до 3 точек краски на пиксель. Например, принтеру со значением 600 точек на дюйм необходимо изображение со значением от 150 до 300 пикселей на дюйм для наилучшего качества печати.

Дополнительные сведения о параметрах в диалоговом окне «Размер изображения» см. в разделе Размеры в пикселях и разрешение печатного изображения в справке Photoshop.

Использование инструмента «Кадрирование»

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

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

Параметры инструмента «Кадрирование»

Набор параметров, доступных в панели параметров инструмента «Кадрирование» изменятся после выбора области. При первом выборе инструмента «Кадрирование» можно задать значения высоты и ширины, а также разрешение. Высоту и ширину можно измерять в дюймах, сантиметрах, миллиметрах, точках и в пайках. Введите единицу измерения или ее сокращение после числа в поле значения. Например, 100 пикселей, 1 дюйм, 1 д, 10 см, 200 мм, 100 точек или 100 паек.Если не указать единицы измерения ширины и высоты в панели кадрирования, по умолчанию используются дюймы.

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

Дополнительные сведения о параметрах инструмента «Кадрирование» см. в разделе Кадрирование и выравнивание изображений.

Изменение только размера в дюймах

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

Примечание. Параметры исходного изображения, используемого в примерах ниже: 4 x 4 дюйма, 100 пикселей на дюйм, 400 x 400 пикселей, 468,8 кБ.

Размер в дюймах
(задает пользователь)
Разрешение
(изменяется приложением Photoshop)
Размеры в пикселях
(размер фрагмента кадрирования)
Размер файла
2 x 2 дюйма104 пикселя на дюйм
(исходное разрешение = 100 пикселей на дюйм)
208 x 208 пикселей
(исходное 400 x 400 пикселей)
125,8 кБ
(исходный 468,8 кБ)

В этом примере Photoshop уменьшает изображение на половину физического размера (с квадрата со стороной 4 дюйма до квадрата со стороной 2 дюйма). Photoshop также уменьшает размеры в пикселях на 50%. Исходное разрешение сохраняется (100 пикселей на дюйм), но при этом увеличивается, чтобы компенсировать дополнительные пиксели (8 пикселей на дюйм), добавленные к прямоугольнику выделения.

Изменение размера в дюймах и разрешения

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

Примечание. Параметры исходного изображения, используемого в примерах ниже: 4 x 4 дюйма, 100 пикселей на дюйм, 400 x 400 пикселей, 468,8 кБ.

Размер в дюймах
(задает пользователь)
Разрешение
(задает пользователь)
Размеры в пикселях
(изменены)
Размер файла
2 x 2 дюйма200 ppi400 x 400 пикселей468,8 кБ
2 x 2 дюйма300 ppi600 x 600 пикселей1,03 МБ
2 x 2 дюйма50 ppi100 x 100 пикселей29,3 кБ

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

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

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

Изменение только размера в пикселях

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

Примечание. Параметры исходного изображения, используемого в примерах ниже: 4 x 4 дюйма, 100 пикселей на дюйм, 400 x 400 пикселей, 468,8 кБ.

Размер в дюймах
(изменен)
Разрешение
(изменено)
Размеры в пикселях
(задаются пользователем)
Размер файла
2 x 2 дюйма100 ppi200 x 200 пикселей117,2 кБ
3 x 3 дюйма100 ppi300 x 300 пикселей263,7 кБ
6 x 6 дюймов100 ppi600 x 600 пикселей1,03 МБ

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

Изменение размера в пикселях и разрешения

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

Примечание. Параметры исходного изображения, используемого в примерах ниже: 4 x 4 дюйма, 100 пикселей на дюйм, 400 x 400 пикселей, 468,8 кБ.

Размер в дюймах
(изменен)
Разрешение
(задает пользователь)
Размеры в пикселях
(задаются пользователем)
Размер файла
1 x 1 дюйм600 ppi600 x 600 пикселей1,03 МБ
2 x 2 дюйма300 ppi600 x 600 пикселей1,03 МБ
0,667 x 0,667 дюйма300 ppi200 x 200 пикселей117,2 кБ

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

Изменение только разрешения

При изменении только разрешения в параметрах инструмента «Кадрирование» размер изображения зависит от количества пикселей в области кадрирования.

Совет: обратите внимание на панель «Информация», чтобы видеть, какое количество пикселей, входит в область кадрирования.

Примечание. Параметры исходного изображения, используемого в примерах ниже: 4 x 4 дюйма, 100 пикселей на дюйм, 400 x 400 пикселей, 468,8 кБ.

Размер в дюймах
(результат)

Разрешение
(задает пользователь)
Размеры в пикселях
(результат)
Ваш размер кадра
(указывает пользователь)
Размер файла0,767 x 0,767 дюйма300 ppi230 x 230 пикселей2,3 x 2,3 дюйма115 кБ1 x 1 дюйм300 ppi300 x 300 пикселей3 x 3 дюйма263,7 кБ0,75 x 0,75 дюйма400 ppi300 x 300 пикселей3 x 3 дюйма263,7 кБ1 x 1 дюйм200 ppi200 x 200 пикселей2 x 2 дюйма117,2 кБ0,5 x 0,5 дюйма200 ppi100 x 100 пикселей1 x 1 дюйм29,3 кБ1,5 x 1,5 дюйма200 ppi300 x 300 пикселей3 x 3 дюйма263,7 кБ

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

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


Как увеличить размер изображения в Photoshop?

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

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

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

Размер оригинала изображения — 10 на 6,667 дюймов. Допустим, мы хотим увеличить изображение до 12 на 8 дюймов, чтобы его было легко распечатать и вставить в рамку. Так как нам важно сохранить разрешение 300 пикселей на дюйм, мы задаем новый размер. В нашем случае мы увеличили ширину документа с 10 до 12 дюймов, а высоту — с 6,667 до 8:

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

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

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

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

Вы успешно изменили размер изображения.

В данном примере мы увеличили размер документа с 10 на 6.667 до 12 на 8 дюймов. Заметьте, что размер в пикселях увеличился с 3000 на 2000 до 3600 на 24000. Также стоит отметить, что финальный размер изображения увеличился с 17,2 Мб до 24,7 Мб:

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

Разрешение оригинала изображения — 300 пикселей/дюйм (ppi). Например, мы хотим разместить эту фотографию на сайте, и допустимый размер 600 на 400 пикселей, разрешение — 72 пикселей/дюйм. Сначала введем 72 в поле «Разрешение», затем зададим размер в пикселях (600 — длина, 400 — ширина):

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

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

Вы успешно изменили размер изображения.

В данном примере мы уменьшили разрешение изображения с 300 до 72 пикселей/дюйм, а размер в пикселях с 3000 на 2000 до 600 на 400. Обратите внимание, размер файла уменьшился с 17,2 Мбайт до 703,1 Кбайт!

Данная публикация представляет собой перевод статьи «How to Enlarge an Image Using Photoshop» , подготовленной дружной командой проекта Интернет-технологии.ру

Как увеличить размер фото в Фотошопе


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

Стоит заметить, что на мониторе разницы между разрешениями Вы не заметите, речь идет только о печати.

Во избежание недоразумений, определимся с терминами «точка» и «пиксель», поскольку, вместо стандартного определения «ppi» (пикселей на дюйм), в Фотошопе используется «dpi» (точек на дюйм). «Пиксель» – точка на мониторе, а «точка» — это то, что ставит принтер на бумаге. Мы будем пользоваться обоими, так как в данном случае это не имеет значения.

Разрешение фотографии

От значения разрешения напрямую зависят реальные размеры картинки, то есть те, которые мы получим после печати. Например, имеем изображение с размерами 600х600 пикселей и разрешением 100 точек на дюйм. Реальный размер будет 6х6 дюймов.

Поскольку мы говорим о печати, то требуется увеличить разрешение до 300dpi. После этих действий уменьшится размер печатного оттиска, так как в дюйм мы пытаемся «уложить» большее количество информации. Пикселей у нас ограниченное количество и они умещаются на меньшей площади. Соответственно, теперь реальный размер фото равен 2 дюймам.

Меняем разрешение

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

  1. Загружаем фото в Фотошоп и переходим в меню «Изображение – Размер изображения».
  2. В окне настроек размера нас интересуют два блока: «Размерность» и «Размер печатного оттиска». Первый блок сообщает нам, какое количество пикселей содержится в картинке, а второй – текущее разрешение и соответствующий ему реальный размер.

    Как видим, размер печатного оттиска равен 51,15х51,15 см, что достаточно много, это приличных размеров плакат.

  3. Попробуем увеличить разрешение до 300 пикселей на дюйм и посмотрим на результат.

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

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

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

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

Выбор разрешения

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

Для печатной продукции (визитки, буклеты и пр.) в любом случае потребуется разрешение не менее 300 dpi.

Для плакатов и афиш, на которые зритель будет смотреть с расстояния примерно 1 – 1,5 м и более, высокая детализация не требуется, поэтому можно снизить значение до 200 – 250 пикселей на дюйм.

Витрины магазинов, от которых наблюдатель находится еще дальше, могут быть оформлены изображениями с разрешением до 150 dpi.

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

Для изображений, предназначенных для оформления статей, либо просто публикации на просторах интернета, достаточно 72 dpi.

Еще один немаловажный момент при выборе разрешения — это вес файла. Зачастую дизайнеры необоснованно завышают содержание пикселей на дюйм, что приводит к пропорциональному увеличению веса изображения. Возьмем, например, баннер с реальными размерами 5х7 м и разрешением 300 dpi. При таких параметрах документ получится примерно 60000х80000 пикселей и «потянет» примерно на 13 ГБ.

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

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

Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТ

Photoshop: размер и разрешение изображения

Разрешение принтера измеряется в точках на дюйм, dpi. Как правило, чем больше точек на дюйм, тем лучше качество печатного изображения. Большинство струйных принтеров обладают разрешением от 720 до 2880 dpi. (С технической точки зрения, в отличие от устройств фотовывода и лазерных принтеров, струйные принтеры оставляют микроскопические кляксы.)

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

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

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

Как увеличить изображение в Фотошопе

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

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

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

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

Содержание

  • Способы увеличения изображения:

Метод Интерполяции

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

  1. «По соседним пикселам»

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

  2. «Билинейная»

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

  3. «Бикубическая»

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

В версиях Фотошопа CS или CC, а также в последующих новых версиях этот способ имеет две разновидности:

  1. «Бикубическая глаже»

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

  2. «Бикубическая четче»

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

Метод Интерполяции: «Бикубическая, глаже»

Итак, наша задача состоит в увеличении масштаба изображения. Возьмем для примера картинку с размерами 531х800 px. У выбранного изображения разрешение составляет 300 dpi.

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

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

Исходное изображение будет иметь значение размера, равное 100 процентам. Для того чтобы увеличенное изображение было хорошего качества, работу следует производить поэтапно, с шагом не более 10-15%.

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

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

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

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

Изменение размера изображений в Adobe Photoshop Elements

Размер изображения определяется количеством пикселов по его ширине и высоте. Например, ваша фотокамера может снимать фотографии формата 1500 х 1000 пикселов (ширина х высота). Эти две величины обозначают количество данных изображения на фотографии и определяют размер файла.

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

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

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

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

Прежде чем приступить к рассмотрению способов, сперва немного теории.

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

Во-вторых, что происходит с качеством картинки после изменения его размеров?

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

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

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

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

Способ 1 — Диалоговое окно Размер изображения

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

Откройте изображение в фотошопе.

Откройте диалоговое окно Изображение — Размер изображения (или комбинация клавиш — Alt+Ctrl+I). Появится вот такое окно:

Сразу обратите внимание на поля Ширина и Высота. Те значения, что там будут указаны — это текущие размеры изображения. По умолчанию они измеряется в пикселях.

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

Пропорции

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

Пример без сохранения пропорций

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

Пример с сохранением пропорций

Способ 2 — Изменение размера с помощью трансформации

Трансформация изображения — классный способ, который обязательно нужно добавить в копилку знаний по фотошопу. Этот способ хорош в двух случаях:

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

Размер подробнее каждый случай.

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

Шаг 1

Откройте картинку. Выберите команду Редактирование — Свободное трансформирование или нажмите комбинацию клавиш Ctrl + T.

Примечание

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

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

Подробнее о блокировке фонового слоя.

Шаг 2

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

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

Шаг 3.1 Случай при увеличении

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

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

Шаг 3.2 Случай при уменьшении

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

Чтобы отрезать пустоту, выберите команду Изображение — Тримминг.

Совет

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

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

Описанный выше случай в любом случае берите себе на вооружение. А именно умение пользование командой Свободное трансформирование (Ctrl+T). Этот прием понадобиться, чтобы осуществить такую часто встречающуюся операцию, как уменьшение или увеличение вставленной картинки, предмета, объекта (называйте как хотите).

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

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

Способ 3 — Размер холста

Не самый популярный способ, но тем не менее его также рассмотрим — команда Размер холста.

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

То есть, допустим, ваша картинка 700х700 пикселей. Через Изображение — Размер холста вы задаете размер 500х500. В итоге фотошоп обрезает лишние 200 пикселей по высоте и ширине. В настройках можно указать откуда отрезает: это либо равномерно со всех сторон, либо можно выбрать конкретную сторону.

Способ 4 — Кадрирование

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

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

Мы рассмотрели 4 способа по уменьшению размеров изображения. Из них два способа: Размер холста и Кадрирование не связаны с потерей качества. Фактически (ширина и высота) картинки становятся меньше, но само содержимое остается прежнего масштаба. Чтобы этого добиться, нужно пожертвовать частью картинки, другими словами, просто обрезать ее до нужного размера. Подробнее как это делать смотрите выше по тексту.

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

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

О том как вырезать объекты читайте в других статьях. Подробнее остановимся на уменьшении.

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

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

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