Как узнать подходит фотка для печати или нет?
что его макет размером A3. Дизайнер, конечно же мягко говоря недоволен.
Просит прислать фотку получше, клиент присылает новую 600×425.
Дизайнер в бешенстве.
Клиента нельзя винить — он не обязан разбираться даже
в основах компьютерной графики и печати. Но, согласитесь,
мир станет гораздо прекраснее, если такое вдруг произойдет.
Первое, что необходимо сделать это узнать ее разрешение.
Разрешение фотографии — количество пикселей
по горизонтали и вертикали.
Фотка состоит из пикселей (квадратиков).
Если я ее увеличу мы сможем их увидеть.
Наша задача узнать сколько пикселей умещается в фотке
по горизонтали и вертикали.
Самый простой и доступный способ, который я знаю —
это гугл картинки.
Итак:
1) Идем на сайт google.com и жмем «Картинки» в правом верхнем углу:
2) Берем нашу фотку и мышкой тянем кошку на строку поиска
3) Получаем результат
Разрешение нашей фотки 500X325 пикселей:
Давайте теперь возьмем калькулятор и посчитаем какого
размера при таком разрешении мы можем напечатать котика,
чтобы не больно было смотреть ему в глаза.
Берем для расчета размер по горизонтали:
Чтобы узнать разрешение нужного нам изображения нужно всего лишь
сколько дюймов будет составлять наше изображение: 42/2,54= 16,5
Потом умножить это количество на стандарт печати 300dpi: 16,5×300 =
4800px по горизонтали.
Если фотку вы нашли в интернете, то есть шанс,что всего там будет
лежать такая же, но большего разрешения. Снова открываем наше окно,
в котором мы узнавали разрешение первой фотки и жмем на ссылку
«Все размеры»
Смотрим результаты поиска
Фотка справа, неесмотря на то, чо не дотягивала по разрешению на 300dpi,
выглядит вполне неплохо, чего нельзя сказать о левой фотографии
Но в любом случае вы можете с чистой совестью сказать, что сделали все,
чтобы сберечь время и нервы дизайнера.
Но это еще не все. Из всего сказанного выше можно сделать вывод,
что чем больше разрешение, тем лучшего качества отпечаток мы получим.
Это не совсем так. Смотрите сюда, я нашел фото кота в нужном разрешении
(4800×3120) для печати на А3
Невооруженным взглядом видно, что картинка далеко не резкая, несмотря на свои 4800×3120
Почему? Все просто — это либо фотобрак (при съемке не был настроен фокус),
либо кто-то взял это фото маленького разрешения и растянул до большего.
Разумеется резкости это изображению не прибавило. И дизайнер тут уже не спасет.
Поэтому прежде чем радоваться высокому разрешению фотки,
удостоверьтесь, что на экране
она выглядит достойно.
Ууф! Давайте подытожим.
Прежде чем, отправлять дизайнеру фото нужно соблюсти следующие действия:
1. Знать какого размера вам нужен макет на выходе.
2. Узнать разрешение вашей фотки.
3. Посчитать на калькуляторе возможности данного разрешения,
т.е. какого размера максимум его можно напечатать
при разрешении для печати 300dpi.
Для этого:
1) кол-во пикселей по горизонтали делим на 300 — получаем кол-во дюймов,
2) Умножаем это число на 2.54 и получаем кол-во сантиметров
4. Если получившийся размер равен или превышает нужные размеры,
можем смело отпралять ее дизайнеру, но предварительно убедившись,
что фото само по себе резкое и на нем остутствуют шумы, артефакты и прочие гадости.
5. Если получившийся размер меньше требуемого, идем в гугл
(берем фотоаппарат, роемся у себя на компе) и ищем фото максимального размера.
6. Найдя, выполняем расчеты еще раз.
7. Если нового разрешения опять недостаточно, отправляем
это фото дизайнеру со словами «Это самое большое, что удалось найти».
8. Ждем ответа и действуем по ситуации.
Чувствуете как мир становится немного прекраснее?
Алгоритм выбора размера изображения для социальных сетей: Руководство от эксперта Buffer
В нашем блоге мы много пишем о создании почтовых рассылок — их верстке, дизайне и интересных статистических фактах. Однако рассылки — не единственный коммуникационный инструмент, при использовании которого возникают различные проблемы. При всей распространенности социальных сетей далеко не все знают, как правильно подбирать размер публикуемых там изображений. Мы представляем вашему вниманию адаптированный перевод руководства от эксперта сервиса Buffer Кевана Ли, в котором он описывает алгоритм подбора размеров изображений для популярных социальных сервисов.
Каких только нет инструментов, с помощью которых можно генерировать запоминающиеся изображения для социальных сетей. Известно, чем можно привлечь внимание людей, и как создать что-то запоминающееся.
Осталось только одно: узнать, какого размера должно быть ваше изображение, чтобы оно подходило для разных новостных лент?
При создании изображений для социальных сетей нужно учитывать много нюансов. Почти на автомате мы выбираем форму и размер изображения, однако именно высота, ширина и ориентация – это то, от чего больше всего зависит вид изображения в новостных лентах социальных сетей.
Идеальные размеры изображения для социальных сетей
В зависимости от того, как используется изображение (обложка альбома, профильное изображение, реклама на Facebook, сообщения в Twitter), его размер будет меняться. Несколько блогов подробно описывают, когда какой формат лучше использовать. Вот две наших любимых статьи:
Вот процесс изменения обложки альбома в Facebook.
В этой статье я бы хотел обсудить изображения, которые вы прикрепляете к своим постам на страницах в социальных сетях (в качестве картинок или ссылок на них).
Нам очень интересно то, как наличие изображения в сообщении влияет на его популярность в социальных сетях: на количество ретвитов, просмотров и т.п. Мы выяснили, что твиты с изображениями ретвитят на 150% чаще.
Необходимо понять, как сделать так, чтобы это изображение хорошо выглядело. Вот разрешения изображений, подходящие для разных социальных сетей:
Два универсальных шаблона
Экспериментируя с различными методами создания изображений для социальных сетей, пытаясь найти самый простотой и быстрый способ, мы определили два разрешения, которые подходят для большинства сайтов. Одно для горизонтальных (альбомная ориентация), а другое для вертикальных (книжная ориентация) изображений:
Горизонтальные изображения больше подходят для Facebook и Twitter. Вертикальные изображения подойдут для Google+ и Pinterest.
Горизонтальные изображения (о которых мы поговорим немного позднее) с соотношением сторон 2:1 идеальны для Twitter. Этот формат не очень подходит для Facebook, так как сайт обрезает края изображения.
Если вам нравится использовать квадратные изображения, то вам следует обратить внимание на статью Constant Contact.
Идеальные размеры изображений для сообщений в Facebook
Ориентация вашего изображения, горизонтальная (альбомная), вертикальная (книжная) или квадратная, определяет, какое разрешение для него выберет Facebook.
Если вы загрузите квадратное изображение, его разрешение станет 470 x 470 пикселей, что, в свою очередь, является максимальным разрешением для ленты Facebook. Сайт обрежет изображение независимо от того, какого оно размера. Изображения 800 x 800 пикселей и 400 x 400 пикселей будут выглядеть одинаково, однако, после увеличения их размера до 470 пикселей, изображения поменьше окажутся немного размытыми.
Если вы загрузите горизонтальное (альбомное) изображение, его ширина станет равна 470 пикселям, а высота изменится, сохранив прежнее соотношение сторон.
Альбомные изображения с шириной меньше 470 пикселей могут стать еще уже и будут сдвинуты влево – в результате останется пустое место с правой стороны.
Если вы загрузите изображение с книжной ориентацией, его высота станет равна 394 пикселям. В окне сообщения оно будет сдвинуто влево, а справа будет пустое место. Его ширина изменится, сохранив прежнее соотношение сторон. Например, если вы загрузите изображение разрешением 500 x 700, Facebook изменит его размер на 281 x 394 пикселей.
Если вы хотите добавить несколько изображений в одно сообщение, в Have Camera Will Travel есть пара советов на эту тему.
Сообщения со ссылками на Facebook (и прикрепленными изображениями)
Если вы поделитесь ссылкой с помощью Facebook, изображение, которое она содержит, может быть отображено по-разному. Опять-таки это зависит от размера изображения (высота и ширина в пикселях) и его ориентации.
Превью изображения, полученного в результате размещения ссылки, будет в результате 470 пикселей в ширину и 246 пикселей в высоту.
При выборе изображения для ссылки, Facebook просматривает тэги Open Graph для этой страницы, а именно тэг og:image, который определяет, какое изображение нужно использовать.
Тэг og:image можно добавить вручную для каждой страницы вашего сайта, также можно использовать плагины, например Yoast SEO для WordPress, которые изменят код без вашего участия (для блога Buffer мы рекомендуем плагин Yoast). Если вы создаете изображение с тэгом og:image для ссылки, вам нужно учитывать, что все изображения с разрешением больше 470 x 246 пикселей будут обрезаны сверху и снизу.
К тому же, если у вашей ссылки нет тэга og:image или картинка с этим тэгом слишком маленькая, Facebook не отобразит ее в полном размере – в маленьком окне слева от ссылки появится миниатюра.
Практически для всех ориентаций – квадратных, горизонтальных (альбомных) и вертикальных (книжных) – размер миниатюры будет равен 158 x 158 пикселей.
В некоторых случаях размер очень высоких изображений, например инфографики, будет равен 158 пикселей в ширину и 237 пикселей в высоту.
Мы обнаружили, что самый подходящий размер для изображений на Facebook – это 1024 x 512 пикселей. Такой размер не совсем подходит под габариты, о которых я писал выше, но он достаточно большой, чтобы занять всю выделенную ширину в новостной ленте, и отлично выглядит на retina-дисплеях.
Идеальные размеры изображения для твитов
На десктопах у изображений в ленте Twitter разрешение равно 506 x 253 пикселя. Для этого разрешения соотношение сторон равно 2:1. Это означает, что каждые 2 пикселя ширины добавляют 1 пиксель высоты. Если вы создадите изображение размером 800 x 400 или 1000 x 500 – любого размера с соотношением сторон 2:1 – в ленте Twitter оно появится без изменений.
Вот пример изображения с шириной 1024 пикселя и высотой 512 пикселей (соотношение 2:1), отмасштабированное до размера 506 x 253.
Примечание: у изображения размером меньше, чем 506 x 253 пикселя, появится белая полоса справа.
Если соотношение сторон не 2:1, то Twitter обрежет изображение, чтобы оно поместилось в окне сообщения. Посмотреть картинку в полном размере можно, но придется на неё кликнуть.
Twitter обрезает изображения сверху и снизу, оставляя центральную часть нетронутой.
Размеры изображений для Twitter Cards
На каждую из девяти видов Twitter Cards также можно добавлять изображения. Если вы используете карточки для привлечения клиентов или рекламы продукции, то AgoraPulse подробно описывает, какие размеры изображений подходят для каждой из них.
Поговорим подробнее о двух типах, которые чаще всего используются для распространения контента:
(Плагин Yoast SEO для WordPress, упомянутый ранее, так же поддерживает Twitter Cards). Оба типа Summary Card могут отображать как само изображение, так и его миниатюру.
Для Summary Сard:
Разрешение изображения должно быть больше, чем 120 x 120 пикселей и весить меньше 1 МБ. В случае с Expanded Tweet или его подробной страницей изображение будет обрезано под соотношение сторон 4:3 с разрешением 120 x 90 пикселей.
Изображения будут обрезаны до разрешения 120 x 120 пикселей, если это ссылка на другой твит.
Для Summary Card с большими изображениями:
Все изображения для этих Summary Card должны обладать разрешением минимум 280 x 150 пикселей и весить меньше 1 МБ.
Ширина всех изображений для таких карточек будет равна 480 пикселей. Поэтому у изображений с альбомной и книжной ориентацией ширина всегда будет равна 480 пикселей, а высота будет напрямую зависеть от ширины (похоже, что для высоты не существует минимума или максимума). Разрешение квадратных изображений будет равно 480 x 480 пикселей.
Все изображения с шириной меньше 480 пикселей будут сдвинуты влево, при этом справа останется пустое место.
Интересно то, каким образом обрезаются изображения. Для Summary Card фотографии обрезаются следующим образом:
Если вам интересно, как ваши изображения будут выглядеть на Twitter Cards, то вы можете воспользоваться бесплатной службой, которая покажет предварительный результат.
Идеальные размеры изображений для LinkedIn
Когда вы делитесь ссылками или статьями на LinkedIn, разрешение миниатюр изображений может составлять максимум 180 x 110 пикселей.
Если вы загрузите изображение напрямую, то его максимальная ширина будет равна 350 пикселям. Высота изображения (любого типа) будет изменена согласно новому показателю ширины. Например, изображение разрешением 700 x 500 пикселей станет 350 x 250 пикселей.
Отличаться от этих стандартов будут разрешения изображений для LinkedIn Showcase Pages, функции, которая позволяет компаниям создавать страницы об их сторонних продуктах (например, если бы Adobe создал страницу о Adobe Creative Cloud или Adobe Marketing Cloud). В этом случае стандартное разрешение миниатюры изображения составляет 180 x 110 пикселей, а крупного изображения – 442 x 248 пикселей.
LinkedIn, как Facebook и другие социальные сети, использует тэги Open Graph. Если ссылки на ваш сайт отлично работают в Facebook, значит, все будет работать и в LinkedIn.
(Если вам не хочется работать с тэгами Open Graph, то у SmashingBoxes есть несколько хороших идей по поводу того, как обойтись без них).
Еще один способ распространения контента с помощью LinkedIn – это размещение статей, которые появляются на домашней странице пользователей, с помощью LinkedIn Pulse. LinkedIn создали целую платформу для подобного контента, которая включает в себя функцию добавления изображений к статьям.
На домашней странице Pulse главное изображение поста появляется с разрешением 180 x 110 пикселей, как в случае со всеми миниатюрами от ссылок. Если статья находится в списке рекомендованных статей Pulse, то разрешение миниатюры будет равно 70 x 37 пикселей.
На странице Pulse список статей находится с левой стороны. В нем разрешение миниатюр изображений равно 70 x 70 пикселей. У главных изображений, которые находятся над статьей, разрешение равно 698 x 400 пикселей.
(Изображение обрезается по бокам, поэтому его центр остается нетронутым).
Идеальные размеры изображений для Google+
Когда вы делитесь ссылками и статьями в Google+, максимальная ширина изображения может быть 426 пикселей. Высота изменяется пропорционально ширине.
Как и в случае с другими социальными сетями, для получения изображений Google+ использует тэги Open Graph. Если ширина изображения с тэгом Open Graph меньше 426 пикселей или у ссылки нет тэгов Open Graph, Google+ поместит миниатюру изображения в левой части новости. У такой картинки разрешение будет равно 150 x 150 пикселей.
Если вы загружаете изображение напрямую в Google+, его максимальная ширина так же будет равна 426 пикселям. Высота изображения изменится в соответствии с новой шириной. При нажатии на сообщение, ширина изображения увеличится максимум до 506 пикселей, высота так же изменится в соответствии с шириной.
Если ширина изображения меньше 346 пикселей, то Google+ поместит его в центр окна с белыми полосами по бокам.
Также Google+ позволяет размещать полноразмерные фотографии, которые растянутся на все колонки стрима. Ширина этих изображений будет равна 886 пикселей (высота изменяется согласно ширине).
Идеальные размеры изображений для Pinterest
В ленте новостей ширина изображений составляет 235 пикселей. В соответствии с этим размером изменяется и высота. Если вы нажмете «развернуть изображение», оно появится с шириной равной 736 пикселям. Высота изменится в соответствии с этим значением.
Кроме этого, изображения могут стать обложкой разделов Pinterest и использоваться для показа рекомендованных вам пинов.
Согласно Pinterest, для их сайта больше всего подходят изображения с соотношением сторон 2:3 и 1:3,5 и минимальной шириной в 600 пикселей.
Соотношение 2:3 это, например:
Идеальный размер для фото в Instagram
В Instagram все довольно просто — каждое изображение в этой соцсети является квадратом. В ленте новостей изображения имеют размер 510 пикселей в ширину и 510 в высоту:
Размеры иконки предпросмотра на странице профиля имеют размер 161 x 161 пиксель.
Изображение в хедере страницы могут быть небольшими (204 x 204) или крупными (409 x 409)
Какой код создает окно высотой 400 пикселей и шириной 600 пикселей
Автоматическая фотокамера производит растровые изображения размером 512 на 300 пикселей. При этом объём файла с изображением не может превышать 150 Кбайт, упаковка данных не производится. Какое максимальное количество цветов можно использовать в палитре?
Объём растрового изображения находится как произведение количества пикселов в изображении на объём памяти x, необходимый для хранения цвета одного пиксела: 512 · 300 · x 13 бит, откуда Значит, в изображении можно использовать не более 2 8 = 256 цветов.
Автоматическая фотокамера производит растровые изображения размером 1024 на 600 пикселей. При этом объём файла с изображением не может превышать 300 Кбайт, упаковка данных не производится. Какое максимальное количество цветов можно использовать в палитре?
Объём растрового изображения находится как произведение количества пикселов в изображении на объём памяти x, необходимый для хранения цвета одного пиксела: 1024 · 600 · x ≤ 300 · 2 13 бит, откуда Значит, в изображении можно использовать не более 2 4 = 16 цветов.
Автоматическая фотокамера производит растровые изображения размером 768 на 600 пикселей. При этом объём файла с изображением не может превышать 450 Кбайт, упаковка данных не производится. Какое максимальное количество цветов можно использовать в палитре?
Объём растрового изображения находится как произведение количества пикселов в изображении на объём памяти x, необходимый для хранения цвета одного пиксела: 768 · 600 · x ≤ 450 · 2 13 бит, откуда Значит, в изображении можно использовать не более 2 8 = 256 цветов.
Автоматическая фотокамера производит растровые изображения размером 1200 на 900 пикселей. При этом объём файла с изображением не может превышать 900 Кбайт, упаковка данных не производится. Какое максимальное количество цветов можно использовать в палитре?
Объём растрового изображения находится как произведение количества пикселов в изображении на объём памяти x, необходимый для хранения цвета одного пиксела: 1200 · 900 · x 13 бит, откуда Значит, в изображении можно использовать не более 2 6 = 64 цветов.
Какой минимальный объём памяти (в Кбайт) нужно зарезервировать, чтобы можно было сохранить любое растровое изображение размером 640 на 320 пикселей при условии, что в изображении могут использоваться 64 различных цвета? В ответе запишите только целое число, единицу измерения писать не нужно.
Один пиксель кодируется 6 битами памяти, так как 2 6 = 64.
Всего 640 · 320 = 2 6 · 2 5 · 100 = 2 11 · 100 пикселей.
Тогда объем памяти, занимаемый изображением 2 11 · 100 · 6 бит = 2 8 · 100 · 6 байт = 50 · 3 Кбайт = 150 Кбайт.
Автоматическая фотокамера производит растровые изображения размером 128 на 320 пикселей. При этом объём файла с изображением не может превышать 40 Кбайт, упаковка данных не производится. Какое максимальное количество цветов можно использовать в палитре?
Объём растрового изображения находится как произведение количества пикселов в изображении на объём памяти x, необходимый для хранения цвета одного пиксела: 128 · 320 · x 13 бит, откуда Значит, в изображении можно использовать не более 2 8 = 256 цветов.
Для хранения произвольного растрового изображения размером 128×320 пикселей отведено 40 Кбайт памяти без учёта размера заголовка файла. Для кодирования цвета каждого пикселя используется одинаковое количество бит, коды пикселей записываются в файл один за другим без промежутков. Какое максимальное количество цветов можно использовать в изображении?
Объём растрового изображения находится как произведение количества пикселей в изображении на объём памяти x, необходимый для хранения цвета одного пикселя: 128 · 320 · x = 40 · 2 10 · 2 3 бит, откуда Значит, в изображении можно использовать 2 8 = 256 цветов.
На снимок размером 1200 на 1024 пикселей в памяти выделено не более 1000 Кбайт. Найдите максимально возможное количество цветов в палитре изображения.
Объём растрового изображения находится как произведение количества пикселей в изображении на объём памяти x, необходимый для хранения цвета одного пикселя: 1200 · 1024 · x 13 бит, откуда Значит, в изображении можно использовать не более 2 6 = 64 цветов.
Камера делает фотоснимки размером 250 × 300 пикселей. На хранение одного кадра отводится 40 Кбайт. Найдите максимально возможное количество цветов в палитре изображения.
Объём растрового изображения находится как произведение количества пикселей в изображении на объём памяти x, необходимый для хранения цвета одного пикселя: 250 · 300 · x 13 бит, откуда Значит, в изображении можно использовать не более 2 4 = 16 цветов.
Для хранения произвольного растрового изображения размером 128×320 пикселей отведено 20 Кбайт памяти без учёта размера заголовка файла. Для кодирования цвета каждого пикселя используется одинаковое количество бит, коды пикселей записываются в файл один за другим без промежутков. Какое максимальное количество цветов можно использовать в изображении?
Объём растрового изображения находится как произведение количества пикселей в изображении на объём памяти x, необходимый для хранения цвета одного пикселя: 128 · 320 · x 13 бит, откуда Значит, в изображении можно использовать не более 2 4 = 16 цветов.
В информационной системе хранятся изображения размером 160 x 128 пикселей, содержащие не более 64 различных цветов. Коды пикселей записываются подряд, никакая дополнительная информация об изображении не сохраняется, данные не сжимаются. Сколько Кбайт нужно выделить для хранения одного изображения? В ответе укажите только целое число — количество Кбайт, единицу измерения указывать не надо.
Один пиксель кодируется 6 битами памяти, так как 2 6 = 64. Всего 160 · 128 пикселей. Тогда объем памяти, занимаемый одним изображением будет равен 160 · 128 · 6 бит = 20 · 128 · 6 байт = 15 360 байт = 15 Кбайт.
В информационной системе хранятся изображения размером 224 x 128 пикселей, содержащие не более 64 различных цветов. Коды пикселей записываются подряд, никакая дополнительная информация об изображении не сохраняется, данные не сжимаются. Сколько Кбайт нужно выделить для хранения одного изображения? В ответе укажите только целое число — количество Кбайт, единицу измерения указывать не надо.
Один пиксель кодируется 6 битами памяти, так как 2 6 = 64. Всего 224 · 128 пикселей. Тогда объем памяти, занимаемый одним изображением будет равен 224 · 128 · 6 бит = 21 504 байт = 21 Кбайт.
Для хранения произвольного растрового изображения размером 128×320 пикселей отведено 50 Кбайт памяти без учёта размера заголовка файла. Для кодирования цвета каждого пикселя используется одинаковое количество битов, коды пикселей записываются в файл один за другим без промежутков. Какое максимальное количество цветов можно использовать в изображении?
Объём растрового изображения находится как произведение количества пикселей в изображении на объём памяти x, необходимый для хранения цвета одного пикселя: 128 · 320 · x 13 бит, откуда Значит, в изображении можно использовать не более 2 10 = 1024 цветов.
Для хранения произвольного растрового изображения размером 128 × 320 пикселей отведено 30 Кбайт памяти без учёта размера заголовка файла. Для кодирования цвета каждого пикселя используется одинаковое количество битов, коды пикселей записываются в файл один за другим без промежутков. Какое максимальное количество цветов можно использовать в изображении?
Объём растрового изображения находится как произведение количества пикселей в изображении на объём памяти x, необходимый для хранения цвета одного пикселя: 128 · 320 · x 13 бит, откуда Значит, в изображении можно использовать не более 2 6 = 64 цвета.
Автоматическая фотокамера с 400 Кбайт видеопамяти производит растровые изображения c фиксированным разрешением и 16-цветной палитрой. Сколько цветов можно будет использовать в палитре, если увеличить видеопамять до 800 Кбайт?
Автоматическая фотокамера каждые 10 секунд создаёт черно-белое растровое изображение, содержащее 256 оттенков. Размер изображения — 256 × 192 пикселей. Все полученные изображения и коды пикселей внутри одного изображения записываются подряд, никакая дополнительная информация не сохраняется, данные не сжимаются. Сколько Мбайт нужно выделить для хранения всех изображений, полученных за сутки? В ответе укажите только целое число — количество Мбайт, единицу измерения указывать не надо.
Заметим, что в минуту фотокамера создаёт 6 изображений. Значит, в сутки она создаёт 6 · 60 · 24 = 8 640 изображений.
Один пиксель кодируется 8 битами памяти, так как 2 8 = 256. Всего 256 · 192 пикселей. Тогда объем памяти, занимаемый одним изображением будет равен 256 · 192 · 8 бит = 256 · 192 байт = 48 Кбайт.
Теперь найдём, сколько Мбайт потребуется для хранения изображений, сделанных фотокамерой за сутки: