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

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

Содержание

1. Форматы изображений для загрузки на сайт

Загружайте изображения на сайт в распространенных графических форматах: jpeg, gif, png.

  • Сравнение jpg, gif и pngДля сохранения качества фотографий, а также рисунков с градиентными заливками, лучше использовать формат jpeg.
  • Для простых рисунков и особенно черно-белой графики, подойдет формат gif. Также форматы gif и png поддерживают прозрачность; то есть, воспользовавшись ими, Вы сможете сохранить рисунок на прозрачном фоне.
  • Формат png представляет собою нечто среднее между jpeg и gif. Он более щадяще, чем gif обрабатывает сложные изображения, и поддерживает прозрачность, в отличие от jpeg. Минусом сохранения изображений в этом формате является большой вес итоговых файлов при удовлетворительном качестве картинки и наоборот, низкое качество картинки при необходимости сохранения ее с малым «весом», т.е., — с сильным сжатием.

2. Размер изображения в пикселях и его «вес» в килобайтах

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

Однако, и сейчас, неправильным будет заставлять пользователя грузить к себе картинки весом по 500-1000 Кб, т.к. для пользователей мобильного интернета, это — потерянные секунды и рубли.

«Вес» картинки тесно (но не линейно) связан с ее размером в пикселях, а также со степенью ее сжатия.

2.1 Оптимальный размер фото для сайта. Каким должен быть размер, в пикселях, изображения для сайта?

Окно Сохранить для веб в фотошопе. Регулирование степени сжатия изображения.

Оттолкнувшись от средней ширины текстовой страницы сайта в 700-1000 пкс и предположив, что картинки будут занимать на этой странице не более 2\3 ширины, мы получим, что максимальная ширина картинки не должна превышать 400-600 пкс, ( кроме тех случаев, когда мы собираемся разместить картинку во всю ширину страницы.

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

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

2.2 Оптимальный «вес», в килобайтах, изображения для сайта

Пример правильно размещенного изображения на сайтеПредположим, мы уже уменьшили размер изображения для сайта в каком-либо графическом редакторе до 400-600 пкс по ширине. Следующим шагом будет уменьшение веса изображения. Потому что разница в весе изображений, сохраненных в 100% jpeg ( без сжатия) и в 50% jpeg, может быть «в разы».

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

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

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

Страницы (и любые документы) общим весом более 10Мб, вообще, не индексируются поисковыми системами.

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

3. Имя файла

Для хорошей индексации графического файла, правильным именем файла, с точки зрения seo, будет осмысленное имя, написанное на английском языке или транслитом (только латиница!), не содержащее никаких других символов, кроме букв латинского алфавита, цифр, символов нижнего подчеркивания и тире. Например: prodvijenie-saitov.jpeg

4. Заполнение атрибутов изображений на сайте

Пример отображения альтернативного текстаДля web-изображений предусмотрено 2 вида атрибутов:

  • Альтернативный текст (alt) – текст, который отображается вместо изображения, если оно само, по любой причине, не подгрузилось на страницу, например: «это — изображение яблока».
  • Всплывающая подсказка (title), которая появляется при наведении курсора на картинку.

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

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

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

Для среднестатистического текста в 3 – 3,5 тыс. знаков, оптимальное количество изображений 3-5. Подробнее об этом Вы сможете прочесть дальше, в разделе Оптимизация страницы


Читать далее

Подготовка материалов к постановке на сайт

Как оптимизировать web-страницу?

Подготовка фотографии для Интернета

Урок №2

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


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

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

Смотрим исходный размер. То есть, в меню Изображение, выбираете пункт Размер изображения.
Adobe Photoshop Размер изображения
Открывается окно Размер изображения
Adobe Photoshop CS Размер изображения
Как видите, у приведенной мной для образца фотографии размер слишком большой — объем файла будет тоже не маленький. Поскольку самое распространенное на данный момент экранное разрешение — 1024х768 пикселей, то и фотографию больше этого размера делать не стоит.

Вводим вместо 2048 (у вас скорее всего там другие цифры) 1024 в окошко «ширина», при этом в окошке «Высота» автоматически появится цифра 768 (потому, что перед фразой Сохранить пропорции стоит галочка)

Нажимаем кнопку «ОК» — теперь у Вашей фотографии нужный размер!
Кстати, если вы на первом уроке кадрировали снимок до нужного размера, то этот абзац можете пропустить.

Примечание: Если исходный размер снимка меньше, чем 1024х768, то увеличивать его не стоит. Он, конечно, растянется до требуемого размера, но качество изображения ухудшится. Поэтому, если фотография и не закрывает весь экран — то пусть радует глаз красотой а не размерами. Ведь еще Ленин говорил по этому поводу: «Лучше меньше — да лучше!»

С размерами определились, переходим непосредственно к сохранению.

Сохранение фотографии для Интернета

В меню Файл, выбираете пункт Сохранить для Web.
Adobe Photoshop Сохранить для Web
Открывается диалоговое окно Save For Web


Adobe Photoshop Сохранить фотографию для Интернета
Как видите, появляется 2 снимка для сравнения качества изображения: оригинал и тот снимок, который получится при устанавливаемых Вами параметрах.

Вы спросите: какие параметры устанавливать?

Во-первых, в окошке 2 выберите формат GIF или JPEG.

Формат GIF поддерживает не больше 256 цветов и подойдет только для сохранения рисунков и чертежей (рисунки 6-8 на этой странице сохранены в формате GIF с поддержкой 64 цветов, поэтому весят по 7-11 кб — мелочь, а приятно!)

Конечно, красивую фотографию в этом формате не сохранишь, поэтому выбираем формат JPEG.

В окошке 3 выбираем качество фотографии: низкое, среднее, высокое, максимальное. Вы скажете: конечно максимальное?

Да, если бы речь шла о сохранении на винчестер, то так бы оно и было. Но Вы же собираетесь эти фотографии размещать в Интернете для скачивания почитателями Вашего таланта! А кто любит долго ждать открытия страницы? Вот именно, никто!

Представленная фотография сохранена при среднем качестве и «весит» 36 кб. При высоком качестве она бы весила около 100 кб, а при максимальном — 200! Вообщем, я особой разницы между средним и высоким качеством не вижу, зато вижу большую разницу в объеме получаемого файла.

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

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

Сохранить.

Если шибко грамотный фотошоп при этом выдаст вам предупреждение, что «некоторые имена файлов несовместимы с некоторыми веб-браузерами», скажите, что и без него все знаете и нажмите ОК .

Всё, снимок готов!

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

Перейти к другим урокам по фотошопу:

  1. Кадрирование фотографии.
  2. Тоновая коррекция изображения
  3. Маскировка некоторых дефектов на фото с помощью Заплатки
  4. Удаление «эффекта красных глаз» с помощью Photoshop
  5. Подготовка фотографии к печати
Оптимизация фотографии для публикации в интернете

Многие не понимают зачем оптимизировать фотографии для публикации в интернете. Сжатие снимка уменьшает его качество, но это вполне оправдано. Чем? Обо всем по порядку.

Далеко не все имеют в своём распоряжении скоростной безлимитный интернет. Очень многие до сих пор пользуются интернетом через обычную телефонную линию — Dial Up. Такое подключение не дает большой скорости. Кроме того у многих тариф не безлимитный. В таком случае за каждый переданный мегабайт приходится платить. В среднем снимки, сделанные на цифровую камеру, весят 2 — 4 мб. Если на одной странице разместить 10 — 20 фотографий, то трафик для многих становится непосильным. Кому-то придется ждать, пока загрузится страница несколько минут, а другим придется платить за каждую загруженную фотку не малые деньги. В таком случае люди скорее будут уходить со страницы еще до того, как она загрузится. Чтобы таких проблем не возникало нужно оптимизировать снимки для публикации в интернете. тогда все смогут их просмотреть без особых усилий.

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

Оптимальный размер изображения для публикации в вебе — 50-90 Кбайт. Самый простой и надежный способ оптимизировать снимок для публикации в интернете — это воспользоваться функцией программы Adobe Photoshop — Save For Web.

Открыв фотографию в Фотошопе необходимо выполнить команду в меню Файл, Save For Web & Devices… Можно просто нажать сочетание клавиш Alt+Shift+Ctrl+S. Наш снимок откроется в окне, которое имеет множество настроек.

оптимизация фотографий для интернета

Инструменты сжатия изображений

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

Пошаговая оптимизация снимка для интернета.

  1. Сразу уменьшаем разрешение снимка — Image Size.
    • Устанавливаем галочку в пункте Constrain Proportions (Сохранить Пропорции).
    • В поле With (Ширина, где написано New Size (Новый Размер) устанавливаем 800 для горизонтальных снимков, либо 600 для вертикальных. Второй размер будет установлен автоматически пропорционально.
    • В разделе Quality (Качество) устанавливаем Bicubic Smoother (Бикубическое сглаживание).
    • Нажимаем Apply (Применить).
  2. Теперь необходимо настроить интенсивность сжатия снимка.
    • Лучше всего сохранять фотографии в формате JPEG.
    • Чтобы оставить максимально возможное качество снимка, необходимо установить качество компрессии High (высокое). Затем можно будет дожать качество до необходимого размера. За это отвечает движок в окошке Quality (Качество). При работе с этим движком в окне предварительного просмотра можно контролировать качество и объем получаемого файла.
    • В том случае, если на сжатом снимке проявляются артефакты, можно размыть фотографию движком в окне Blur (Размытие). С этим параметром следует быть осторожным. Чаще всего достаточно размыть на 0,1-0,2.
    • Далее можно поставить галочку в окне Progressive. Этот параметр позволит снимку моментально загружаться на веб странице, но сразу он будет плохого качества. Затем по мере загрузки он будет прорисовываться всё лучше и лучше.
  3. Сохранение сжатого снимка.
    • В любой момент оптимизации фотографии можно открыть её в браузере и увидеть как она будет там выглядеть. За это отвечает значок Internet Explorer внизу окна.
    • Далее, когда всё настроено, можно нажать кнопку Save (Сохранить). тогда можно будет ввести имя файла и указать место для сохранения.

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

SEO фотки или какого размера фото ставить на сайт для адаптивности?!

Сергей СМОРОВОЗ

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

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

Мобильный контент

Чтобы до конца осознать полноту масштаба «трагедии» необходимо обратиться к такому непопулярному в среде маркетологов отчёту в Яндекс.Метрике как «Ориентация экрана». Строится этот отчёт только как вспомогательный к основным отчётам через «Группировки».

Так вот, если построить отчёт «Ориентация экрана» за последние 2-3 месяца на любом коммерческом сайте, то можно увидеть такую картину, где доля трафика portrait(портретная, вертикальная ориентация экрана) почти догнала долю landscape(ландшафтная, пейзажная, альбомная или горизонтальная ориентация экрана). Ниже, на графике №1 видно, что 36620 пользователей просмотрели сайт в горизонтальной ориентации экрана (landscape), а 33394 пользователя за этот же промежуток времени просмотрели сайт в вертикальной ориентации экрана (portrait).

Таблица №1: соотношение устройств с горизонтальной ориентацией экрана и вертикальной.

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

Таблица №2: ориентация экрана и устройства.

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

Совместная доля планшетов и мобильных телефонов в общей доле трафика по некоторым, наблюдаемым мною проектам коммерческой тематики весной 2016 года перевалила за 50% и продолжила рост, а по данным докладчиков конференции YaC/m 2016, проходившей в Москве 29 июня, рост пользователей, посещающих интернет через ПК замедлился, а то и вовсе остановился!

Что это значит?

Это значит, что сегодня просто иметь адаптивную вёрстку или мобильную версию сайта уже не достаточно, эту статью, конкретно в моём случае пользователи будут читать вместе с вами в двух типах ориентации экрана: вертикально и горизонтально, а пропорция этих пользователей будет примерно 50/50, так показывает Яндекс.Метрика по предыдущим публикациям. Ещё это значит, что восприятие информации с таблицы №1 и таблицы №2 будет разным. Не верите? Если вы сейчас читаете этот материал со стационарного компьютера, то посмотрите на эти таблицы с мобильника или планшета, а если вы сейчас читаете статью с мобильного устройства, то посмотрите как эти две таблицы будут вами восприняты со стационарного компьютера.

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

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

Размер файлов для публикации в интернете. 7 лет спустя: pavel_kosenko — LiveJournal

В каком размере лучше сохранять фотографии под web? Последний раз я писал об этом в 2008 году, то есть аж 7 лет назад. Давайте посмотрим, что изменилось за это время.

Что изменилось за 7 лет

1. Максимальное разрешение экранов несколько выросло. По статистике (например, W3Counter или OpenStat) лидирующие позиции имеют ширину экрана от 1024 до 1920 px. При этом экран 1920 пикселей использует всего около 20% пользователей, а более чем у половины оно меньше 1024.

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

3. Появилась Retina — экран с разрешеним больше, чем разрешающая способность человеческого глаза.

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

Какие можно сделать выводы

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

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

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

3) Для того, чтобы картинки было комфортно просматривать на десктопах (чтобы они не вылезали за пределы браузеров), имеет смысл делать их примерно такого же размера, как и раньше. То есть порядка 900-1000 px по ширине, или порядка 600-700 по высоте.

Так в каком размере лучше сохранять файлы под web

Как же и рыбку съесть, и на ёлочку залзть? Как сделать так, чтобы на компьютере картинки не выходили за пределы привычных размеров браузеров, но при этом хорошо (с высоким разрешением) смотрелись на ретинах? Каков должен быть размер файлов?

Я предлагаю следующее решение:

x = 1800 px
y = 1200 px
<img src="">

Как видите, 7 лет назад решение состояло из двух строчек, но теперь требуется три. Третья — насильно прописывает тегу IMG ширину, в 2 раза меньшую, чем реальный размер файла. Это очень важный момент: если его не учесть, ваши читатели будут жаловаться на то, что ваши картинки «рвут в клочья» их ленту.

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

Увидеть разницу вы можете сами:

1. Картинка шириной 900 px.

2. Картинка шириной 1800 px, ужатая до 900 px средствами HTML.

Оба файла отображаются в браузере как бы в размере 900х600 px. Но реальные размеры второго файла в 2 раза больше, чем первого.

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

Как быть с квадратными и вертикальными кадрами

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

3:2 (горизонтальный) — 1800 x 1200 [900 х 600]
3:2 (вертикальный) — 1000 x 1500 [500 х 750]
4:3 (горизонтальный) — 1800 x 1350 [900 х 675]
4:3 (вертикальный) — 1050 x 1400 [525 х 700]
1:1 (квадрат) — 1200 x 1200 [600 х 600]

P.S. Надо принимать во внимание, что фотосайты и фотохостинги, как правило, предлагают HTML-код для шаринга картинок в других соцсетях, который содержит указание на реальную ширину (или без указания ширины вовсе). Поэтому прописывать (изменять/добавлять) ширину для каждого тега IMG необходимо вручную при подготовке публикации.

Все размеры изображений для соцсетей в 2018

В размерах изображений для социальных сетей легко запутаться, ведь даже в одной и то же соц.сети требуются разные размеры для разных форматов. Здесь мы расскажем про самые популярные в России ВКонтакте, Одноклассники, Facebook и Instagram.

ВКонтакте

Рекламные объявления в боковой панели, видны только на десктопах.

  • Маленькое изображение — 145 х 85

vk_reklama_bok_145x85vk_reklama_bok_145x85

  • Большое изображение — 145 х 165

vk_reklama_bokovoe_145-165vk_reklama_bokovoe_145-165

  • Специальный 256 х 256

vk_bok_specialnoe_256x256vk_bok_specialnoe_256x256

 

Объявления в ленте:

  • Универсальная запись с ссылкой и кнопкой — 537 х 240. Это классический формат: изображение и текст над ним. Возможно использование кнопки с дополнительным призывом к действию. Ссылка может вести на внешний сайт, на страницу в Вконтакте или являться номером телефона, тогда с мобильного устройства можно будет в один клик набрать номер.

vk_reklama_lenta_universalnaja_zapisvk_reklama_lenta_universalnaja_zapis

vk_reklama_lenta_zapis_s_knopkojvk_reklama_lenta_zapis_s_knopkoj

  • Карусель — 537 х 240. Несколько товаров с соответствующими изображениями и ссылками на различные страницы Вконтакте или разные страницы сайта.

vk_reklama_lenta_karuselvk_reklama_lenta_karusel

 

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

vk_postvk_post

Оформление профиля

  • Обложка. Стандартный размер обложки: 1590 х 400. Но он виден только на десктопах, на мобильных устройствах видимая область 1200х400 пикселей. Плюс 83 пикселя сверху и по 140 пикселей по бокам скрывается системными кнопками, поэтому ключевую информацию информацию нужно разместить в центральной части обложки. На иллюстрации эта область не закрашена серым цветом.vk_oblozhki_dlja_PK_i_mobilevk_oblozhki_dlja_PK_i_mobile

 

  • Фото профиля может быть двух размеров: вертикальное 200х500 и квадратное 200х200. Квадратное фото обрезается в кружок при загрузке, поэтому не стоит выбирать такое изображение, как на примере ниже. Лучше, чтобы главная информация (в виде образа или текста, неважно) была сконцентрирована в центре.
  • 200 х 500

vk_avatar 200-500vk_avatar 200-500

vk_avatar_200x200vk_avatar_200x200

  • Карточки товаров — 834 х 834. Они всегда квадратные.

vk_kartochki_tovarovvk_kartochki_tovarov

Вам интересно проведение рекламных кампаний в Вконтакте?

 

Facebook

Объявления в новостной ленте:

  • Изображения для поста — 1200 х 900. Это стандартный размер. Здесь тоже нет жёстких указаний, но такие параметры сохранят картинку от искажений.

photo-v-lente-facebookphoto-v-lente-facebook

  • Кольцевая галерея: квадратные изображения — 1080 х 1080, каждое из которых может иметь собственную ссылку на сайт.

fb_reklama_koltsevaja_galerejafb_reklama_koltsevaja_galereja

  • Одно изображение — 1200 х 628

fb_reklama_1-Izobrazheniefb_reklama_1-Izobrazhenie

  • Слайд-шоу — 1280 х 720. Слайд-шоу — это видео которое автоматически создается Фейсбуков на основе ваших изображений.

fb_reklama_slaid-showfb_reklama_slaid-show

  • Подборка товаров: у обложки подборки ширина должна быть 1080 пикселей, высота чётко не указана, остальные изображения — 600 х 600. Подборка — удобный формат для мобильных устройств. Таким образом вы показываете сразу несколько товаров на экране телефона.

fb_reklama_podborkafb_reklama_podborka

Оформление профиля

  • Фото профиля — 170 х 170. Оно «округляется» при показе объявлений и публикаций в других лентах, поэтому, как и в ВК, это нужно учитывать. Также не стоит подбирать картинки с мелкими элементами, так как на смартфонах аватарка уменьшается до 128 х 128, а на некоторых моделях телефонов до 36 х 36.

fb_profil_avatarfb_profil_avatar

  • Картинки для товаров — 600 х 600

fb_kartochki_tovarovfb_kartochki_tovarov

  • Обложка — 820 х 312 для ПК и 574 х 312 для смартфонов. Загружать, конечно, нужно первый вариант, но важную информацию размещать посередине (для смартфонов).

fb_oblozhka_PK_i_mobilnijfb_oblozhka_PK_i_mobilnij

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

Instagram

Продвигается через Facebook, поэтому:

Рекламные объявления как на Facebook:

  • Кольцевая галерея — 1080 х 1080. Несколько изображений сменяют друг друга при клике на стрелочку.
  • Одно изображение — 1200 х 628. Стандартный формат рекламного объявления в Инстаграм.
  • Слайд-шоу — 1280 х 720. Это видео, которое создаётся из изображений.

Плюс…

instagram_reklama_storiesinstagram_reklama_stories

Оформление профиля

Здесь не так много элементов: весь профиль состоит из постов и аватарки.

  • Пост — 1080 х 1080. Стандартное изображение должно быть квадратным, но публиковать и другие форматы тоже можно, однако они могут неправильно растянуться или сжаться.
  • Аватарка — 110 х 110. Она круглая, поэтому подыскивайте изображение, на котором самое важное в центре.

instagram_avatar_i_postinstagram_avatar_i_post

Вам интересно проведение рекламных кампаний в Инстаграме?

Одноклассники

Здесь есть важный момент: картинки для рекламный кампаний не должны превышать 150 Kb!

Рекламные объявления

  • Мультиформатное размещение — 256 х 256, 1080 х 607 и 600 х 600

ok_reklama_multiformat-256x256 +1080x607ok_reklama_multiformat-256x256 +1080x607       ok-reklama_multiformat-media_600x600ok-reklama_multiformat-media_600x600 ok-reklama_multiformat-tizery-256x256ok-reklama_multiformat-tizery-256x256      ok_reklama_multiformat_v_lente1080-607ok_reklama_multiformat_v_lente1080-607

ok_reklama_tizery_90x75ok_reklama_tizery_90x75

  • Карусель — 600 х 600

ok_reklama-karuselok_reklama-karusel

 

  • Out-stream видеосеть NativeRoll Standard — 256 х 256 (маленькая картинка над видео)

ok_NativeRollStandard_256x256ok_NativeRollStandard_256x256

  • Баннер в видео — 1000 х 120

ok_banner_v_video_1000x120ok_banner_v_video_1000x120

  • Баннер в соц.сетях — 240 х 400

ok_banner_v_soc.set.240-400ok_banner_v_soc.set.240-400

  • Для продвижения магазина — 500 х 500

ok_kartochki_tovarov_500-500ok_kartochki_tovarov_500-500

ok_reklama_tizer_90x75ok_reklama_tizer_90x75

  • Блок в ленте — 1080 х 607

ok_reklama_blok_v_lente1080-607ok_reklama_blok_v_lente1080-607

  • Статьи — 400 х 300

Оформление профиля Одноклассники

  • Для поста рекомендуются размеры 1680 х 1680, но это не обязательно.

ok_profil_postok_profil_post

  • Профиль — 190 х 190 и обложка — 1340 х 320. В Одноклассниках фото профиля не обрезается, поэтому можете не беспокоиться о краях.

ok_avatar_i_oblozhkaok_avatar_i_oblozhka

Вам интересно проведение рекламных кампаний в Одноклассниках?

Как уменьшить размеры фотографий для интернета

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

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

Почему же так долго загружаются фото?

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

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

Как изменить размер фотографии

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

1. Открываем фото в программе. Чтобы это сделать, кликните по фото правой кнопкой и в выпавшем списке выберите «Открыть с помощью» — «Adobe Photoshop».

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

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

4. Затем делаем двойной щелчок и фотография уменьшается. Но не пугайтесь, если она покажется вам слишком маленькой. Чтобы посмотреть ее реальный размер, надо в панели «Навигатор» установить 100%. Хотя можно этого и не делать, т.к. фото получилось того размера, который вы установили, просто по сравнению с бывшим размером она кажется маленькой.

5. Сохраняем уменьшенное фото, для чего выбираем «Файл» — «Сохранить для веб».

Справа видим настройки сохранения. Выбираем формат jpeg и качество снимка в %. Обычно достаточно от 30 до 50%. Жмем кнопку «Save», появляется окно, в котором выбираем папку, в которую сохраняем файл и задаем ему имя, по которому сможем его найти. Кстати, дать файлу новое имя надо обязательно, если вы хотите и исходник оставить и сжатый файл сохранить. Жмем ОК.

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

—————-

Елена Богушевская

90000 Social Media Cheat Sheet 2020: Must-Have Image Sizes! 90001 90002 90003 90003 90005 90002 Searching for the ultimate 90007 social media cheat sheet? 90008 90005 90002 I’ve been looking for 90011 ever 90012, and can not find one that’s completely correct. So I made my own! 90005 90002 Here’s the best social media size guide 2020. 90005 90002 Simple — but accurate! Outdated infographics are still widely posted and shared, despite their misinformation. 90005 90002 You may find a blogger who is not a designer and is just reiterating what they found online, whether or not it’s correct or 90011 optimal.90012 90005 90002 Here are the 90007 optimal, updated social media sizes, as of January 2020. 90008 90005 90002 90007 Full chart at the end of the post. Log in as a member to get your free printable! 90008 90029 90005 90002 I’ve included ALL essential sizes for Facebook, Pinterest, Instagram, Twitter, LinkedIn, AND You 90005.90000 Choose The Right Photo Print Sizes for Your Needs 90001 90002 Photos add so much personality and warmth to a room, and no matter what size image you are looking to print, custom printing options give you the creative freedom to bring these digital images to life . Whether you’re printing images for frames, for a photo wall, or for a gift, it’s important to know about standard photo print sizes and how they could affect your printed image. That’s why we’ve built this complete guide on photo print sizes: to help you make the best choice for you.90003 90002 90005 90005 90003 90008 What is a Photo Print? 90009 90002 A photo print is a physical copy of an image printed on photo quality paper. Shutterfly’s photo prints preserve your crystal-clear images on Fuji Crystal Archive paper, making sure your memories last. Photo prints can come in a variety of sizes and printing options, and they can be ordered for delivery or pickup. For additional information on how to create photo prints, jump to the sections below. 90003 90008 A Complete List of Print Sizes 90009 90002 From posters to standard photo prints, there’s a wide range of sizes to choose from.The following lists break down the various types of photo prints available to fit any printing needs. 90003 90016 Shutterfly Photo Sizes 90017 90002 Looking to print photos you’ve already uploaded? The following print sizes are available for printing from your Shutterfly account: 90003 90020 90021 4 × 4 90022 90021 4 × 6 90022 90021 5 × 7 90022 90021 8 × 8 90022 90021 Wallet (4) 90022 90021 11 × 14 90022 90021 12 × 12 90022 90021 8 × 10 90022 90021 5 × 15 90022 90021 12 × 36 90022 90021 8 × 24 90022 90021 16 × 20 90022 90021 20 × 30 90022 90047 90016 Standard Photo Print Sizes 90017 90002 The nice thing about standard photo sizes is that they can usually be printed on a home printer for convenience and ease.However, standard photo sizes can also be ordered in bulk online, as a low-cost option for your printed photo needs. The most popular photo print sizes are: 90003 90002 90053 90053 90003 90002 90057 4 × 6: 90058 4 × 6 prints measure approximately 4 «x 5 ⅞». This is the standard size in the photofinishing industry because this print size mirrors the aspect ratio of most digital cameras viewfinder. 4 × 6 prints are perfect for framed photos, cards and for a physical backup of any of your favorite digital images.90003 90002 90057 5 × 7: 90058 A slightly larger format than standard 4 × 6 images, 5 × 7 prints have a higher aspect ratio than 4 × 6 prints, so cropping your image to your personal specifications is important! Luckily, Shutterfly offers cropping options online, so you have full control of the frame of the image you’re printing. 90003 90002 90057 8 × 10: 90058 An 8 × 10 image is the largest print size available before getting into large-scale printing such as posters, panoramas, square images or custom gifts like canvases or large matted prints.8 × 10 images make a great gift because they require no additional matting to fill up a frame. 90003 90016 Square Photo Print Sizes 90017 90002 Small photos are perfect for decorating because they add texture and depth to your photo wall display. Square photos offer the option to print photos off of social media, and also as a hack to creating Polaroid-style images without the need for a special camera. You’ll have luck finding these sizes in a print shop, as well as corresponding frames. Most popular square photo print sizes are: 90003 90020 90021 5 × 5 90022 90021 10 × 10 90022 90021 12 × 12 90022 90021 16 × 16 90022 90021 20 × 20 90022 90021 30 × 30 90022 90047 90002 Shutterfly offers a printable Instagram option to turn your favorite «square» moments into full-scale prints and creative gifts for friends and family.The creative possibilities are endless! How will you bring your favorite Instagram photos to life? 90003 90016 Large Scale Photo Print Sizes 90017 90002 If you are looking to get your images printed as large as possible, these are the standard sizes you can find at a print shop or in printing services such as ours: 90003 90002 90093 90093 90003 90020 90021 10 × 13 90022 90021 10 × 20 90022 90021 11 × 14 90022 90021 16 × 20 90022 90021 18 × 24 90022 90021 20 × 24 90022 90021 20 × 30 90022 90047 90002 These sizes are perfect for creating posters as large statement pieces for your wall art or large canvases to create a special home for your most cherished images.Most large-scale photo prints fit into standard frames such as 12 × 18, 14 × 22, 16 × 20 and 20 × 30. 90003 90002 90057 Pro Tip: 90058 Get your print made slightly smaller than your frame of choice, and add a matted insert between your image and the frame! This will add a small white border to your image and allows your custom print to fit inside a standard frame. We offer a matted option for all prints, but matted options can also be found at any photo print center as well. 90003 90016 Panoramic Print Sizes 90017 90002 If you have a non-traditional image you’re looking to print, we offer panorama prints in both landscape and portrait orientations.You can choose from a variety of backgrounds and layouts to print your most unique images sizes such as: 90003 90016 Other Types of Prints 90017 90002 Looking for something a little different for your printing needs? If so, consider these alternative printed options: 90003 90002 90127 Collage vs. premium poster prints: 90128 Posters make excellent displaying options when you either want to showcase a large number of photos, or you want your photos printed larger-than-life. Posters are printed on archival quality photo paper and can be finished with a matte or glossy coating.90003 90002 90127 Art Prints (Premium cardstock vs. metallic prints): 90128 Art prints are printed on our acid-free archival paper and include plenty of additional add ons. Feature a matte finish with our signature cardstock or a pearl shimmer finish to make your prints stand apart from the rest. Upgrade to metallic prints for a special touch, or add on a frame. Prints come in sizes 8X10 inches or 11X14 inches. 90003 90008 How to Order High-Quality Prints 90009 90002 Ready to start ordering your prints but not sure how to begin? We’re here to help.Follow the step by step instructions below to create professional-quality prints perfect for your home. 90003 90002 90003 90016 1. Upload Your Photos 90017 90002 First things first, you’ll need to upload all the photos you’d like to print to your Shutterfly account. Do not worry if you have hundreds, or even thousands, because we guarantee free unlimited secure photo storage for as long as you have an account. 90003 90016 2. Edit Your Photos 90017 90002 It’s a good idea to make any major edits to your photos before adding them to your project.This will help you avoid headaches later on. However, while ordering prints you can still rotate, resize, crop and add classic black and white borders to your photos with our photo editing software. 90003 90016 3. Choose an Image Size, Type, and / or Layout 90017 90002 Once you’re ready, it’s time to choose your art print, collage poster, or another print size. You’ll also want to carefully select a layout that matches your intended style. 90003 90002 After you’ve chosen your layout, start adding your photos to the project and dragging them into their corresponding photo boxes.Note that all our prints are printed on Fuji Crystal Archive professional-grade paper for brighter colors and sharper whites. 90003 90016 4. Add-Ons 90017 90002 Once you’ve added all your photos, it’s time to plan out any additional add-ons. Add dates, names, and other key information with free backprinting. Or choose from glossy, pearl, or a signature matte finish. Add-ons can be found in the left-hand tab within your project. 90003 90016 5. Review and Order 90017 90002 Take time to review your order for any mistakes.Check for typos, image-quality and image resolution, red-eye, resizing, or incorrect cropping. If it’s all good to go, it’s time to add your prints to your cart. You can then select your preferred shipping method and order size. And if you need 4 × 6 inch glossy prints fast, look for the 1-hour pick-up link on your Review Order page. 90003 90002 90003 90008 Resources Related to Photo Printing 90009 90002 No matter what image you’re looking to bring to life, we offer a custom option perfect for you.Between comprehensive print sizing, custom photo gift options, matting and framing, and non-traditional printing options, the only limit is your imagination! Browse our print options to get started. 90003.90000 What’s the Best Instagram Image Size 2020? Complete Guide 90001 90002 90003 90003 90005 90002 90007 What’s the best Instagram image size? 90008 90005 90002 Find all the Instagram dimensions: 90005 90012 90013 Photo, graphic, and video Instagram post size, and infographic. 90014 90013 Instagram Stories size for image and video. 90014 90013 Instagram Story highlights cover size. 90014 90013 Instagram ad sizes, and infographic. 90014 90013 IGTV video specs and sizes, plus IGTV cover images.90014 90013 «The Savvy Marketer’s Guide to IGTV» infographic. 90014 90025 90002 Combat misinformation online! Share this article with friends and followers. 90027 90005 90029 What Are the Instagram Image Sizes for 2020? 90030 90002 Instagram grew to 1 billion monthly users in 2019, and 63% of them log in every day. 90005 90002 200 million Instagram users visit at least one business profile daily. 90005 90002 That’s a lot of eyeballs on your posts, so let’s get those sizes right! 90005 90002 Instagram upgraded the paltry 640 pixel square to a more robust 1080 on July 6, 2015.They also added support for non-square images on August 26, 2015. 90005 90002 90007 The optimal sizes are 1080 pixels wide by 566 pixels to 1350 pixels high. 90008 90005 90002 The maximum Instagram resolution is 1080 pixels wide. 90005 90002 Un-square shapes were added for Instagram ads. 90005 90002 You can post a landscape image in a 1.91 to 1 aspect ratio, which is exactly the same as a Facebook link preview image. So there’s cross-platform compatibility with IG and Facebook ads. 90005 90002 90007 But I do not recommend the landscape for marketers 90008, as it takes up less than half the space you could snag with a portrait image! 90005 90002 If you have a landscape photo or graphic that you do not want to crop to a square, consider using one of the many apps that add a border top and bottom to take up more space in the feed.90005 90002 If you do post a wide (or tall) image, be aware that it 90056 will 90057 be cropped to a square on your image gallery (profile page). 90005 90002 90007 The portrait image gives you the most bang for your buck 90008 in the Instagram stream. 90005 90002 Stick with the 1080 pixel width, and go up to 1350 pixels tall. If your photo is larger, no worries — Instagram will reduce it when you post. 90005 90002 Try not to post smaller, though, as your image will lose quality when viewed on most devices, especially retina screens.90005 90002 The Instagram portrait aspect ratio (or proportion) is the same as an 8 x 10 portrait photo! 90005 90002 You’ll find the aspect ratio 4: 5 or 8:10 offered as a cropping option in your photo editing app — or you can crop right in the IG app. 90005 90071 90071 Which do YOU ​​think has more impact on Instagram — landscape or portrait shape photo? 90002 90005 90075 Why Is My Instagram Photo Post NOT 1080 Pixels Wide? 90076 90002 When you share a photo on Instagram, whether you’re using Instagram for iOS or Android, it posts at the best quality resolution possible (up to 1080 pixels wide).90005 90002 There are a few reasons you may be seeing lower resolution photos on Instagram: 90005 90012 90013 Photos between 320 x 320 and 1080 x 1080 pixels will post at their original resolution. 90014 90013 You may need to update to the most recent version of the Instagram mobile app. 90014 90013 The 90007 desktop 90008 version of Instagram only displays up to 640 px images. 90014 90013 Your phone might not take and / or support high resolution photos. 90014 90025 90002 NOTE: If you share a photo at a lower resolution than 320 pixels wide, it’ll be enlarged to 320.Please do not even 90056 think 90057 of posting such a low rez photo! 90005 90002 If you share a photo at a higher resolution, it’ll be sized down to 1080. 90005 90002 90007 Sizing down is always better than sizing up! 90008 90005 90075 Why You Might Want an Even Larger Instagram Photo Size 90076 90002 90106 90106 I love the Instagram editing tools. Even when I do photo edits in Photoshop, I might add Lux ​​or Saturation in Instagram. Awesome tools! 90005 90002 If you have Save Original Photos set to ON in your Instagram settings, 90007 your edited photo is saved at its full resolution 90008 to your device’s photo library.90005 90002 If you want to use the photo to make prints, a picture book, or something else where you need a high resolution … post your Instagram images 90007 as large as needed for the later use 90008. 90005 90002 Social media photos are constantly enlarging. Post 1080px square if possible — even larger if you want to ensure you can reuse the image at top quality next year! Who knows, the size may increase again by then. 90005 90002 90120 90120 90005 90075 How Do I Choose a Portrait or Landscape Photo on Instagram? 90076 90002 In early June 2019, Instagram started messing with where you change your photo shape.For about a week, you chose portrait or landscape on the screen 90056 after 90057 you selected your photo. 90005 90002 I was not a fan, because you could no longer determine which frame you shot would work best when cropped. You had to decide from the squares. 90005 90002 If you did not like the way it cropped, you had to return and choose another. 90005 90002 I’m guessing they got a lot of flak on this and did an about-face. 90005 90002 90007 Directly below are the current instructions as of August 15 90008.I’m leaving the previous instructions in case they switch again, or you have a different version of the app. 90005 90002 Select a photo or video from your phone or tablet’s photo library. Stay on this screen. To share it as a portrait or landscape instead of a square: 90005 90141 90013 Tap the crop icon at the left to switch from a square to a portrait or landscape. 90014 90013 You can pinch the screen to adjust the exact shape. Cropping in the 90056 same 90057 shape must be done on the Edit screen.90014 90013 Tap Next to filter or edit. 90014 90013 Tap Next to post. 90014 90152 90002 90154 90154 90005 90002 90007 If you do NOT see the crop icon when choosing your photo: 90008 90005 90002 After selecting a photo or video from your phone or tablet’s photo library, you will be immediately sent to the Filter screen. 90005 90002 To post as a portrait or landscape instead of a square: 90005 90141 90013 Tap the crop icon at the top to switch from a square to a portrait or landscape.90014 90013 You can touch the screen to move the photo and adjust how it fits within the frame. 90014 90013 Choose to apply a filter or edit. 90014 90013 Tap Next to post. 90014 90152 90002 90176 90176 90005 90002 In version 1, to change the proportion you must do so before tapping Next. In version 2, you change the overall shape (or aspect ratio) of the photo on the Filter or Edit panel. 90005 90002 Also note that the white bars you see down the sides of a portrait photo while you’re editing it will NOT remain after it’s posted.This is just to fit the image into the editing area. It will actually post even larger — to the full width of the feed. 90005 90183 90183 Unsquare images appear as center-cropped squares on your profile gallery. These photos were all posted as portrait shape. 90002 NOTE: You must have Instagram app version 7.5 or later to post unsquare photos as well as see them. Users with older versions of the app will see your image cropped to a square. 90005 90002 Additionally, unsquare images will appear as a center-cropped square in your profile grid (see image at left).90005 90002 90007 Many people are sticking with the square, and it’s still a powerful shape. 90008 90005 90002 The taller image gives you a better Pinterest presence (where tall mages rule) without having to create a separate graphic. In fact, Pinterest has experimented with showing ALL Pins at the same 8 × 10 aspect ratio in the home feed! 90005 90002 Pinterest now seems to be more accepting of less-tall images that make cross-posting content from IG to Pinterest easier. 90005 90029 What size are Instagram Stories? 90030 90002 Good news for marketers: 1/3 of the most-viewed Stories are from businesses! And 62% of people say they have become more interested in a brand or product after seeing it in Stories.90005 90002 Instagram has the second-highest social referral rate for ecommerce sites, at 10.7%. 90005 90002 How do IGers get to your site? Links in your Stories! Note, this feature is limited to business accounts with over 10K followers. 90005 90002 Whether you’re posting a photo, graphic, or video to your Story, it’ll take up the full mobile screen. 90005 90002 The recommended size is 1080 x 1920 pixels, or any 9:16 proportion. 90005 90002 90007 Instagram Story highlight size: 90008 If you’re making graphics, the 1080 x 1920 pixel size is ideal.When you go to customize your cover you’ll be able to zoom in on the area of ​​your photo that you want highlighted in the circle. 90005 90002 90007 If you’re uploading a photo 90008, almost any size or shape will work BUT it’s going to be cropped in the Instagram app to a long skinny rectangle smack dab in the middle. 90005 90002 If that chops off half your face or some other important feature, simply use the 9:16 crop template in any photo editing app (even iPhone Photos) before adding it to your Story.The exact pixel size is not critical, but the shape or 90056 aspect ratio 90057 is. 90005 90002 90007 If you’re planning to add a video to your Instagram Story 90008, you’ll make your life a lot easier if you shoot it in a vertical format, holding your phone upright. Then it should look just right when you add it to your Story. 90005 90002 Note that videos added to Stories are limited to 15 second clips! As of 2019, Instagram will cut longer videos into 15 second bits. 90005 90002 You’ll want to keep Story videos relatively short though.Post longer videos to IGTV — details after the section on ad sizes. 90005 90007 LEARN MORE: This Is Why You Need To Use Instagram Stories Right Now 90008 90002 90232 90232 90005 90029 Instagram Ad Sizes 2020 90030 90002 If you have an Instagram business account, you can advertise on Instagram, and even easily promote a post right within the Instagram app. 90005 90002 According to the Instagram official website, 60% of people discover new products on this platform, and there are around 25 million business profiles with 2 million active advertisers on Instagram.90005 90002 About 200 million Instagram users visit business profiles per day. Is not it impressive that studies on Instagram marketing found that 72% of users purchased items they discovered via Instagram content! 90005 90002 That’s 130 million Instagram users tapping on shopping posts every month. Are they shopping 90056 your 90057 business? 90005 90002 Reach more of your audience with Instagram ads! Instagram’s potential advertising reach is 849.3 million users. Reach them well with the appropriate ads.90005 90002 Below are sizes and specs for the 5 types of Instagram ads. 90005 90075 1 | Instagram image ad size and specs 90076 90002 The Image Ad is the most widely used advertising type for both Instagram and Facebook. 90005 90002 As Instagram is a photo-sharing social media platform, it’s essential to share visually pleasing content. 90005 90002 Instagram crops your image to a square when it is displayed on the feed, but you can also add it as a landscape or portrait image. 90005 90002 Here are some specifications of Instagram image ads: 90005 90012 90013 Caption: up to 2,200 characters 90014 90013 Image format:.jpg or .png 90014 90013 Max. file size: 30 MB 90014 90013 Square (1: 1 aspect ratio): 90027 600 × 600 pixels (minimum) 90027 1936 × 1936 pixels (maximum) 90014 90013 Landscape (1.91: 1 aspect ratio): 90027 600 × 315 pixels (minimum ) 90027 1936 × 1936 pixels (maximum) 90014 90013 Portrait (4: 5 aspect ratio): 90027 600 × 750 pixels (minimum) 90027 1936 × 1936 pixels (maximum) 90014 90025 90002 90282 90282 90005 90075 2 | Instagram video ad size and specs 90076 90002 Video Ads let you introduce your brand or offers with a video or GIF.90005 90002 Instagram videos start to play when the application opens. The moving nature of video ads helps to catch user attention as they scroll their Instagram feeds. 90005 90002 Time spent watching videos on Instagram was up more than 75% year-over-year in 2019. 90005 90002 Here are the basic specifications: 90005 90012 90013 File Size — up to 4GB 90014 90013 Length — 120 seconds 90014 90013 Caption Length — 2200 characters 90014 90013 Aspect Ratio: 90027 Square — 1: 1 90027 Landscape — 1.91: 1 90027 Portrait — 4: 5 90014 90025 90075 3 | Instagram Stories ad size and specs 90076 90002 Stories are one of the popular features on Instagram. 90005 90002 Instagram Stories are similar to Snapchat in that they allows users, and brands, to share self-destructing photos and videos. They draw attention to your brand with Stories Highlights, which will stay on your profile until you remove them. 90005 90002 On Instagram Stories, you can post recorded videos, photos, live videos, boomerangs, text and music.You can also add stickers such as your location, user tags, the temperature and hashtags. 90005 90002 Here are the Stories specs: 90005 90012 90013 Format: Full-screen vertical ad (9:16) 90014 90013 File types: .jpg or .png 90014 90013 Photo content: visible for 5 seconds 90014 90013 Aspect Ratio: from 1: 91 to 4: 5 90014 90013 File type 90027 .mp4 or .mov (Video) 90027 .jpg or .png (Photo) 90014 90013 Maximum File Size: 90027 4GB (Video) 90027 30MB (Photo) 90014 90013 Length 90027 Maximum: 15 seconds 90027 Images show for 5 seconds by default 90014 90013 Dimensions 90027 Resolution: 1080 x 1920 (portrait) 90027 Minimum: 600 x 1067 90014 90025 90075 4 | Instagram Collection ad size and specs 90076 90002 Collection ads worki like this: When users see an advertisement or offer from your brand, they’ll have the option to purchase products directly from the ad.90005 90002 Using Collections, you can showcase your products and discounts to increase sales. The result proved that it increased conversions by 6.3%. 90005 90012 90013 Aspect ratio: 1: 1 to 16.9 90014 90013 Character length: 90 90014 90013 Formats and dimensions are the same as those of a standard image or video ad. 90014 90025 90075 5 | Instagram Carousel ad size and specs 90076 90002 Carousel ads allow you to show a series of scrollable images or videos rather than just one single image.90005 90002 This ad feature can link to your Facebook Page or website directly using a «Learn More» button. 90005 90002 Here are some specifications of Carousel ads: 90005 90012 90013 Minimum number of carousel cards: 2 90014 90013 Maximum number of carousel cards: 10 successive carousel cards 90014 90013 Aspect ratio: 1: 1 (recommended) 90014 90013 Resolution: 1080 x 1080 pixels (recommended) 90014 90013 Image file format: .jpg and .png 90014 90013 Image maximum file size: 30MB 90014 90013 Video length: up to 240 minutes (15 seconds recommended) 90014 90013 Video file format:.mp4 90014 90013 Video maximum file size: 4GB 90014 90025 90007 LEARN MORE: 11 Ideas For Instagram Carousel You Need To Try Now 90008 90002 90007 Click here 90008 to see and repin the entire Instagram ad sizes infographic on Pinterest. Our thanks to by TechWyse for the graphic and complete guide to Instagram Business Accounts. 90005 90002 90393 90393 90005.90000 A Guide to Common Aspect Ratios, Image Sizes, and Photograph Sizes 90001 90002 Do not know which size to use for your image or design? We have listed common aspect ratios, along with popular image and photo sizes to help you create your next project. 90003 90004 90005 Cover image via Photographee.eu 90006 90007 90008 What is Aspect Ratio? 90009 90004 The aspect ratio of an image is the proportional relationship of the width to the height. You will recognize it as two numbers separated by a colon in an x: y format.For instance, a 6 x 4 inch image has an aspect ratio of 3: 2. An aspect ratio does not have units attached — instead, it represents how large the width is in comparison to the height. This means that an image measured in centimeters will have the same aspect ratio even if it was measured in inches. The relationship between its width and height determines the ratio and shape, but not the image’s actual size. 90007 90004 However, an image’s aspect ratio will change depending on the medium in which it is presented.The aspect ratio of an image displayed on a computer will be different from the aspect ratio of that same image displayed on a phone. 90007 90004 Aspect ratios are a critical part of web content because images need to be uploaded at different aspect ratios for different uses, like desktop vs. mobile or blog vs. social media. When you use the right aspect ratios it ensures your images are displayed as intended without stretching or resolution loss. 90007 90004 Let’s go over some common aspect ratios that are typically used across different spaces.90007 90008 Common Aspect Ratios 90009 90020 90021 90022 1: 1 Ratio 90023 90024 90004 A 1: 1 ratio means that an image’s width and height are equal, creating a square. Some common 1: 1 ratios are an 8 x 8 inch photo, a 1080 x 1080 pixel image, or typically any profile picture template on social media sites (think Facebook). This aspect ratio is commonly used for print photographs, mobile screens, and social media platforms, but it’s not ideal for most TV or digital formats. 90007 90021 90022 3: 2 Ratio 90023 90024 90004 The 3: 2 ratio has roots in 35 millimeter film and photography and is still widely used for print sizes.Images framed at 1080 x 720 pixels or 6 x 4 inches are set within this aspect ratio. 90007 90021 90022 4: 3 Ratio 90023 90024 90004 A 4: 3 ratio is typically used for TV displays, computer monitors, and digital cameras. For every 4 units of width, there are 3 units of height, creating a rectangular shape. An image sized at 1024 x 768 pixels or 8 x 6 inches fits a typical 4: 3 ratio. 90007 90021 90022 16: 9 Ratio 90023 90024 90004 The 16: 9 ratio is mostly seen on presentation slides, computer monitors, or widescreen TVs.This international standard recently replaced the 4: 3 ratio for monitors and TV screens, creating a slimmer, more elongated rectangular shape compared to the 4: 3 format. Common resolutions in the 16: 9 ratio are 1920 x 1080 pixels and 1280 x 720 pixels. 90007 90045 90008 How to Measure Image Size 90009 90004 Unlike aspect ratios, image size determines an image’s actual width and height in pixels. Image size is the dimensions of an image. You can measure image dimensions in any units, but you’ll typically see pixels used for web or digital images and inches used for print images.90007 90004 It’s important to realize that two different images that have the same aspect ratio may not have the same image size, or dimensions. For instance, an image sized at 1920 x 1080 pixels has an aspect ratio of 16: 9, and an image sized at 1280 x 720 pixels also has a ratio of 16: 9. 90007 90008 Common Image Sizes for Web 90009 90004 If you are uploading images on the web, it’s crucial to understand image size specifications because incorrect image sizes may stretch or distort to fill fixed dimensions.90007 90004 When you’re working on a website builder or content management system (CMS), like WordPress or Squarespace, the image size requirements will vary according to the theme or template you’re using. Often, the website builder will resize images for you so that they display correctly in several different formats. To therefore satisfy several different standard image sizes, upload an image that’s big enough to reduce without losing resolution and small enough to comfortably fit the width of a standard screen.Squarespace recommends uploading images between 1500 and 2500 pixels wide. Check your template or theme on whatever CMS you’re using to determine the right image size to upload. Similarly, social media websites will often resize images for you, but there’s a sweet spot that will ensure your images display correctly at a few different sizes. 90007 90004 90005 Note: Do not confuse 90022 image size 90023 with 90022 image file size 90023. Image file size is measured in bytes according to how much space it takes up on a disk or drive (think kilobytes or megabytes).90006 90007 90004 These are some of the most common image sizes for web. 90007 90068 90021 90022 1920 x 1080 pixels 90023 90024 90004 This standard image size is widely seen across high definition TVs, presentations, and social media cover photos. It follows the 16: 9 aspect ratio. 90007 90021 90022 1280 x 720 pixels 90023 90024 90004 This size follows the standard HD format featured in photography and film. It fits the 16: 9 aspect ratio. 90007 90021 90022 1080 x 1080 pixels 90023 90024 90004 You’ll see this 1: 1 ratio image size used widely across social media, namely Instagram and Facebook posts.90007 90045 90008 Common Photograph Sizes 90009 90004 Have you ever wanted to print an image or design, but have not figured out which size to use? While you can print an image at any size you want, there are some standard photo sizes that will help you narrow down the options. Different sizes work in different environments; display larger prints or posters to bring attention to an event or service, and reserve smaller prints for display in homes or on a counter space. 90007 90004 Printed images and photos are usually measured in inches, although you might see centimeters used in some countries.90007 90004 90005 Note: If you’re framing an image, you might need two measurements: the image size and the matte size. A matte is a border around the image that extends to the frame. When you print photographs to frame, make sure you know the matte opening size. 90006 90007 90004 These are some of the most common photograph sizes. 90007 90100 90021 90022 4 x 6 or 5 x 7 in 90023 90024 90004 These sizes are standard and popular photo sizes, typically for displaying photography or smaller artwork.90007 90021 90022 8 x 10 in 90023 90024 90004 This size is a step above the smaller popular photography sizes and is common amongst portraits and larger artwork prints. 90007 90021 90022 8.5 x 11 in 90023 90024 90004 Use this standard flyer size for advertisements displayed in areas with limited space. While not as noticeable as larger poster sizes, the flyer size still aims to alert others in smaller settings. 90007 90021 90022 12 x 18 or 18 x 24 in 90023 90024 90004 Larger than typical flyers, these standard poster sizes are ideal when designing for events or advertisements that need to reach a medium audience.90007 90021 90022 24 x 36 in 90023 90024 90004 Advertisers use this poster size for outdoor advertisements and specified display cases along high traffic locations. 90007 90004 90004 Apply the coupon code PICK10FREE at checkout. Online, Standard licenses only. 90007 90004 Get images 90007 90007 90045 90008 Creating Custom Sizes in Shutterstock Editor 90009 90004 You can create your own custom sizes and resize images in Shutterstock Editor with ease; simply head to the 90022 Canvas Size 90023 panel located on the right side of the program to enter specific values ​​for the width and height of your image.You can also select from a list of popular image sizes for web. 90007 90004 90145 90005 Image via Africa Studio 90006 90007 90004 Click on the 90022 lock icon 90023 to unlock the ratio, then type in your values ​​in the white boxes. You can choose from dimensions displayed in pixels, inches, or centimeters in the dropdown arrow within the panel. 90007 90004 When you select or type in the dimensions, the canvas within Shutterstock Editor will adjust to display the values ​​you have entered.You can easily edit these values ​​in the future to reflect your specifications if needed. You can also try Shutterstock’s simple image resizer if you need a shortcut. 90007 90045 90004 Interested in improving your image and photo knowledge? Look into these essential articles: 90007 .

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

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