Как подготовить фотографии к публикации на сайте

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

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

Увы, на многих сайтах можно увидеть нерезкие, "смазанные", тусклые изображения. Рассмотреть на них что-то конкретное бывает весьма затруднительно.

 

 

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

 

 

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

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

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

Поэтому наша задача сделать картинки такими, чтобы они:

  1. были нормального размера (не мелкие и не очень крупные),
  2. имели нормальный объем в байтах,
  3. были четкими и красочными,
  4. дополняли, иллюстрировали текст, а не были случайно вставленными непонятно зачем,
  5. были авторскими.

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



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

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

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

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

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

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

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

Какой объем графического файла считается нормальным

Формаn JPEG, в котором обычно сохраняются изображения для помещения на сайты, очень гибок. Одну и ту же фотографию можно сохранить в нем так, чтобы получился файл объемом, например, 20Kb или 400Kb. При этом размеры обоих картинок в точках будут совершенно одинаковые.

Все дело в степени детализации изображения.

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

 

 

 

Объем первого изображения - 12Kb. Второго - 200Kb. Первое загружается почти мгновенно, но на него невозможно смотреть. Второе выглядит отлично, но загружается в 15 раз дольше.

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

Если Вы знакомы с программой Adobe Photoshop, то при подготовке фото для статей прошу вас придерживаться объема каждого файла 150Kb. Безусловно это примерное значение. Можно сделать и меньше, лишь бы качество не пострадало. Можно и чуть больше.

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



Четкость и красочность

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

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

Совет 1

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

Давайте вернемся к этой фотографии:

 

 

Чем ниже - тем лучше резкость. По всей видимости этот тюбик снят под углом примерно 60 градусов к поверхности. Естественно, что верхняя часть тюбика оказалась ближе к объективу, чем нижняя. Фотоаппарату было "удобнее" сфокусироваться на нижней части, что он и сделал. Результат - налицо. Такое фото не стоит использовать для нашего сайта.

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

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

Вот еще один пример:

 

 

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

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

Совет 2

Поэтому вот как надо действовать, чтобы получать удачные снимки для ваших статей:

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

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

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

  • Попробуйте снимать со вспышкой и без. Потом выберите лучший вариант.

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

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



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

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

Уместность изображений

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

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

Только авторские фото

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

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

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

Не смотря на надпись "фото из интернет" я абсолютно уверен, что автор не явится ко мне и не начнет требовать каких-то компенсаций. Ведь автор - я сам :)

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

Имейте в виду: делать ссылки с нашего сайта на другие сайты - плохо. Когда другие сайты делают ссылки на наш - это хорошо. Однако, ссылки должны быть "естественными", не покупными. Если будет желание, можно будет потом побеседовать на эту тему.

Безусловно бывают ситуации, когда невозможно сделать свои собственные фотографии. Например, описывая какой-то сорт кофе мы не можем "смотаться" с Бразилию чтобы "щелкнуть" кофейную плантацию и завод по переработке. Однако количество фото из интернет не должно быть подавляющим.

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

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

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

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

 

Сколько фотографий может быть в статье

Непросто ответить на этот вопрос. Статьи бывают очень разные. Одно дело - короткий очерк, где можно выразить определенную мысль и поделиться мнением Почему я не поеду в санаторий ВЦСПС осенью (и, возможно, зимой), и совсем другое дело - описание какого-то рецепта, процесса, подробный отчет: Поезд Стриж из Нижнего в Москву. Впечатления от поездки в купе.

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

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

Поэтому большая просьба вставлять в текст имена файлов-фотографий. Например (фото 01), (фото 02) и т.д.

Как присылать фотографии для сайта

Большая просьба присылать фото отдельными файлами. 

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

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

 

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

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

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


хорошая статья
Instagram