Как сделать фото для сайта


Сделать фотографию самому оптимизированную для сайта

Качественные фотографии ваших творений — это ваше ВСЕ! И не думайте, что для того чтобы сделать фотографию с хорошим качеством обязательно нужно иметь супер — пупер оборудование. Это просто отлично если у вас есть классная камера и соответствующее оборудование. Но и без этого можно обойтись, можно сделать фотографию самому и на недорогую камеру.  Я одно время снимал планшетом и делал неплохие фотографии для магазина. Для предметной съемки можно сделать соответствующее оборудование самому или купить бюджетный вариант. 
Фотографии очень важны, особенно в интернете. С качественными изображениями ваш сайт смотрится более привлекательным, дружелюбным и надежным. Посетители чувствуют это и гораздо охотнее идут на контакт.
На мой взгляд сайты о рукоделии в большей степени воспринимаются визуально, а только потом посетитель переходит к чтению текста.

.



Качество картинки

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

Обратите внимание на размер

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

Не забывайте про кадрирование

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

.

.

Подходящий формат для фотографии

Изображения для сайта лучше всего сохранять в формате JPEG. Файлы такого типа более компактные, и это уменьшает время загрузки. Что насчет остальных форматов? PNG хорош для тех случаев, когда вы загружаете снимки в высоком разрешении или фотографии с прозрачным фоном. GIF подходит для картинок с ограниченным количеством цветов или большими однотонными областями. Не загружайте свою голову (особенно если вы новичок в этом деле), используйте формат JPEG для своего сайта.

Оптимизация фотографий для сайта

Сделали фотографию. Одна сплошная красота — это хорошо, но… Фотографии и иллюстрации должны не только украшать сайт, но и приносить пользу, поэтому потратьте немного времени на их оптимизацию, добавив к каждому изображению alt-текст. Говоря простым языком, ваша загружаемая фотография на сайт или любой другой сервис изначально должна иметь название, которое соответствует ключевому слову текста вашей статьи.
Более подробно, по каждому пункту отдельно мы еще поговорим.



Понравилась статья!?

Не ленись, поделись с друзьями в соц. сетях!

Анатольевич

Использование телефона для съемки фотографий для вашего веб-сайта

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

Есть ли у вас варианты получше?

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

Ищите также в своей сети. Ваш избалованный племянник только что получил новый Canon Rebel T5i за то, что в этом квартале он получил тройку? Возьмите его, пока он в школе, и используйте вместо него.

Устали иметь дело с медленным сайтом WordPress? Напишите мне на [email protected] и укажите код # FreeHosting10 на два бесплатных месяца молниеносного хостинга WordPress. Мы даже перенесем вас бесплатно!

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

Размещение селфи на веб-сайте вашей компании - хороший способ дать посетителям понять, что вы так же тщеславны, как и дешевы

Итак, вы остановились на телефоне. Как сделать лучшие фотографии?

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

1. Снимайте при дневном свете.

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

2. Не загромождайте сцену.

Вместо того, чтобы фотографировать кого-то в своем офисе с горами оберток Taco Bell и стопками неоплаченных счетов, разложенных вокруг, вынесите их на улицу и поставьте у сплошной стены.Или, возможно, за ними будет открытое небо. Вы можете обнаружить, что ваша стена наград и достижений пуста; это тоже хорошее место. Фотография не так уж и сложна; просто удалите все, что не имеет отношения к фотографии. Если это человек, сосредоточьтесь на нем. Если это внешний вид вашего офисного здания, не добавляйте кучу пешеходов на пути, мусорные баки или припаркованные автомобили, если вы можете этого избежать.

3. Учитывайте использование сайта.

Это довольно просто, но почему-то люди всегда его забывают: подумайте, где фотография будет использоваться на вашем веб-сайте.Если вам нужен красивый слайдер с широким изображением на главной странице, учтите тот факт, что вам нужно, чтобы фотография была широкой. Поэтому, если вам нужна фотография вашего офиса, помните, что вам нужно обрезать половину вертикального пространства фотографии. Так неужели вы действительно должны стоять так близко, чтобы это занимало весь кадр? Нет. Назад! У вас должно быть достаточно места сбоку, чтобы вы могли получить красивое широкое фото. Просто убедитесь, что вы смотрите в обе стороны, если едете на оживленную улицу.

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

4. Снимайте в альбомной ориентации.

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

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

Что касается видео, то всегда снимаю в альбомной ориентации. И это касается не только веб-сайтов; отправляете ли вы Snapchat с изображением праздничного торта вашего ребенка или пытаетесь снять рекламу, практически никогда не имеет смысла снимать видео в портретной ориентации.Просто не делай этого.

5. Используйте камеру заднего вида.

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

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

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

7. Добавьте свои фотографии на сайт, обратите внимание, насколько они хуже, а затем наймите профессионального фотографа.

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

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

Удачи!

О Брайане Джонсоне

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