Правила розміщення фотографій на сайті, сайтобудування

«Ваш МАЙСТЕР» вже не раз помічав, що після розробки сайту з системою управління та безкоштовного навчання, клієнти поспішають приступити до його наповнення. Але не все так просто. Якщо в процесі розміщення текстів таїться менше «підводних каменів», то з фотографіями справа йде зовсім інакше. Не вміючи правильно готувати фотографії «під веб», можна накоїти на сайті багато бід.

Неправильна вставка фотографій може привести до результату, при якому:

Сайт буде дуже довго грузиться;
Верстка сторінок буде «розвалюватися»;
Фотографії можуть не відображатися або показуватися неправильно і т. П.

Чи приємно відвідувати сайти, які мають такі «артефактами»? А що подумають про Вашу компанію відвідувачі, якщо побачать подібне на її сайті? Невже Ви продовжуєте думати, що багато хто звертається за наповненням сайтів до професіоналів «від нічого робити»?

1. Підготовка фотографій «під веб»

Перед тим, як приступати до розміщення будь-яких матеріалів на сайті, їх необхідно правильно підготувати. Фотографії - не виняток:

Виберіть сторінку, на якій плануєте помістити фотографію. Підберіть для неї найкраще місце;
Оцініть приблизні розміри (в пікселях) по ширині і висоті, в які потрібно вмістити фотографію.

Етапи підготовки фотографії:

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

Навіщо стільки складнощів?

Сучасні фотоапарати мають високу роздільну здатність, при якому виходять фотографії великого розміру і ваги.

На замітку! На фотоапараті з матрицею 5 Mpx фотографії виходять розміром 2592x1944 px, а самі файли вагою приблизно 2 Мб. За мірками Інтернету - це дуже багато! Спробуйте відкрити фотографію подібних розмірів на сайті.

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

Правильно готуючи фотографію, Ви:

Зменшуєте розміри картинки, що не дозволить їй зіпсувати структуру і зовнішній вигляд сайту;
Зменшуєте вага файлу, що дозволяє прискорити кінцеве час завантаження сторінки сайту. Навігація по сайту буде більш комфортною.

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

2. Розміщення картинок на сайті

Фотографії та будь-які інші картинки повинні розміщуватися на сторінках сайту в єдиному стилі, який був заданий дизайнером сайту;
При розміщенні фотографії з обтічним її текстом, не забувайте вказувати відступ, наприклад, 7 px. З відступом текст з картинкою виглядає набагато краще;
Якщо необхідно розмістити дуже велику фотографію, то попередньо зробіть для неї превью. А вже при натисканні користувача по превью нехай відкривається картинка в повному розмірі;
Після розміщення інформації на сайті обов'язково перевіряйте, що в підсумку вийшло. Краще вчасно помітити помилку самому, ніж чекати вказівку від відвідувача сайту.

На замітку! Хорошим прикладом вдалого розміщення картинок може служити наше портфоліо. Ми намагаємося робити його зручним і наочним, заздалегідь готуючи картинки дизайнів потрібних розмірів. «Ваш МАЙСТЕР» робить все, щоб Вам було зручно користуватися нашим сайтом. Сподіваємося, Ви це оціните.

Ось, мабуть, і все. «Ваш МАЙСТЕР» описав основи процесу підготовки та розміщення фотоматеріалів на сторінках сайту. Але, не дивлячись на те, що нічого складного в ньому немає, часу він може віднімати досить багато. Можливо, одного разу Ви зрозумієте, чому навіть наповнення сайту коштує грошей.

Нехай Ваш сайт буде охайним і красивим!