1. Які формати товарів зображень потрібні для Інтернет-магазину? Якщо ви провели фото-сесію товарів,...
2. Які формати товарів зображень потрібні для Інтернет-магазину?
3. Що ще почитати з циклу "Як відкрити Інтернет-магазин?"
4. Які формати товарів зображень потрібні для Інтернет-магазину?
5. Що ще почитати з циклу "Як відкрити Інтернет-магазин?"

Які формати товарів зображень потрібні для Інтернет-магазину?

Якщо ви провели фото-сесію товарів, і у вас вже є солідна фото-база товарів перед вами завжди виникає питання: який формат зображень для продуктів вибрати, в якому розширенні зберігати фото товарів, які максимальні розміри фотографій можна використовувати в своєму магазині. Для початківців власників Інтернет-магазинів ці питання найболючіші.
Я хотів би розповісти вам про типові помилки, які починають робити підприємці.

Як зробити якісну фото-сесію ви вже знаєте - прочитайте цикл моїх статей «Як організувати фотосесію товарів для Інтернет-магазину? якісна фотографія товару-запорука успіху »

Звичайно, якщо ви витратили час і ресурси на організацію фотозйомки товарів для магазину, у вас виникає бажання захистити, або хоча б, ускладнити копіювання конкурентами ваших фото. Для цього використовується «водяні знаки» - це напівпрозорі логотипи або копірайт-написи магазину поверх фотографій, наприклад:
- адреса магазина www.Moy-Magazom.com або його назву "Мій магазин назву"
- логотип і урл сайту (лого) + www.mymagazin.com

Ставлять їх так, щоб було важко вирізати безболісно. Зазвичай по центру, або так, щоб «водяний знак» перекривав сам товар.

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

Правильне розташування копірайту

Можливе розташування копірайту з лого магазину (дозволяє і розкрутити вашу торгову марку, робить її впізнавану).

Копірайт дуже просто вирізається різними графічними редакторами

Точно також, ця ж рекомендація стосується і оглядів продуктів. Можете поставити «водяний знак» і туди ж.

Якщо вже у вас накопичилася достатня кількість фотографій товарів для магазину - ви можете автоматизувати накладення «водяного знака» на них. Про це я розповідав в своїй статті та відео-уроці «Як зробити копірайт на фото на 1000 картинок за 20 секунд для Вашого Інтернет-магазину»

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

Точно така ж функція вже є в програмі для керування магазином - Store Manager for PrestaShop (що це таке - дивіться в моїй статті - «Управління інтернет магазином за допомогою Store Manager» )

З цими важливими моментами я прояснив ситуацію, а тепер перейдемо до найважливішого!

В якому форматі зберігати фото товарів?

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

Формат JPG або JPEG - використовується в 90% на всіх магазинах. За рахунок того, що зображення стискується при збереженні, дозволяє істотно економити розмір графічних файлів.

А тут випливає закон - менше розмір файлу - швидше передача його на броузер клієнт. Отже ваш Інтернет-магазин буде вантажиться швидше, і вам не доведеться змушувати клієнта чекати, поки завантажиться вітрина магазину з усіма товарами.

У більшості всіх популярних програмах, які працюють з графічними файлами є опція вибору величини стиснення фото. Тут я вас закликаю не переборщити. Якщо ви захочете стиснути фото зображення на 50% - звичайно розмір файлу зменшиться, а й якість картинки дуже сильно погіршиться. Не думаю, що покупці захочуть купувати товар з таким низькоякісним фото.

Оптимальним є якість стиснення равним70-85% для фотографій. Не ставте 100% - зображення буде дуже велике за розміром, а різниці клієнти не відчують. При цьому, магазин буде вантажиться довше за рахунок великих розмірів картинок в Кбайтах.

Не ставте якість збереження 50 і менше - розмір в КБ буде малий, але якість картинки буде гірше. Зверніть увагу на текст, він вже почав псуватися.

Експериментуючи із стисненням ви зможете прискорити роботу (показ товарів) для вашого магазину.

Якщо ж ви хочете додати фото з прозорим фоном - вам потрібен інший графічний формат - PNG.

Формат PNG - це формат, аналогічний з GIF, проте він дозволяє маніпулювати з шаром прозорості. До речі, саме він потрібен вам, якщо ви захочете використовувати «водяні знаки».

Детальніше про формат PNG - на сайті Вікіпедії

Мінус цього формату - це форма збереження даних з "без стиснення". Хоча стиснення відбувається по хитрому алгоритму Deflate. Розмір фото продуктів для цього формату буде збільшуватися. За прозорий фон і хорошу картинку доведеться розплачуватися.

Використовуйте формат PNG якщо ви повинні показати чіткі схеми або графічно креслення або логотипи. Цей формат не годиться для показу товарів у вигляді фотографій.

Ви можете самі спробувати провести оптимізацію фото товарів через графічні програми, наприклад Adobe Photoshop (це платний редактор) або Pain.NET (це безкоштовний редактор). Завантажити Pain.NET ви можете по цьому посиланню.

Дивіться відео приклад, як забрати фон на фотографії товару.

До речі, вам не потрібно обов'язково встановлювати складні графічні програми, щоб проводити маніпуляції з файлами. Досить простих але надійних програм. Я їх дуже люблю, і працюю з ними вже більше 8 років

Наприклад XnViewer - www.xnview.org

у нього теж є функції вибору якості збереження зображення і російський інтерфейс.

Для масових операцій з фото товарів я рекомендую IrFanViewer. Маленька, але дуже корисна і потужна програма.

Ви можете завантажити її на сайті розробника - www.irfanview.com
Ця програма вміє додавати «водяні знаки», масово змінює розміри фото, або змінює формат всіх вибраних фотографій з потрібним ступенем стиснення за пару кліків.

Наводжу короткий відео-приклад, як змінити багато товарів в формат jpg і при цьому змінити розмір фотографії. Ви можете побачити роботу програми в оригінальному англійському інтерфейсі. Також є можливість додати і російську мову. Просто скачайте мову і додайте його в папку програми - IrfanView \ Languages ​​\

Який розмір фотографій потрібен для Інтернет-магазину?

Деякі мої клієнти робили фото розміром 2560 х 1400 пікселів. Звичайно, такий формат зможе показати всі деталі товару. Але будьте реалістами, як багато користувачів мають монітори з таким розширенням? Крім того, такі файли дуже більше за розміром, отже займають по 2-3 Мбайта навіть в форматі Jpg і не поміщаються на монітор користувачів. Я б рекомендував для себе зберігати мінімально доступний розмір фото товарів 1000 х 700 пікселів.

Чому так мало?

По-перше, більшість сучасних ПК вже мають подібні розширення екрану як оптимальні (1024 х 768). Додайте сюди ще прокрутку, і панель закладок в браузері.
Цей розмір фото дозволить вам комфортно переглядати зображення усім клієнтам. Хоча більшість двигунів магазинів, щоб змінити масштаб великі зображення при завантаженні, я б тримав 2 набору фотографій.

Набір 1 - для публікацій, для постерів, для дизайну - великі фото, з високою роздільною здатністю.

Набір 2 - спеціально для веб-сайтів і магазинів - зменшені розміри фото, оптимізовані для швидкого завантаження в Інтернет.

На поточний момент (2013-2014 роки) це дозвіл 1280 x 1024 пікселів. Ви можете дізнатися стандартні розширення моніторів і підлаштовуватися під них.

резюмуємо:

Для фото товарів магазину використовуємо JPG з ступенем стиснення зображення 75 - 80%

Розміри фото повинні бути до 1000 х 700 пікселів.

Якщо вам потрібні фото з прозорим шаром - використовуємо формат PNG-24

Якщо вам потрібно змінити розмірі 1000 фото - використовуємо масові перетворення IrFanViewer

Якщо ви хочете зручно переглянути всі свої фото - використовуємо XnViewer

Якщо ви хочете вчитися далі - читаємо мої статті :-)

Що ще почитати з циклу "Як відкрити Інтернет-магазин?"

Колонка редактора сайту

Які формати товарів зображень потрібні для Інтернет-магазину?

Якщо ви провели фото-сесію товарів, і у вас вже є солідна фото-база товарів перед вами завжди виникає питання: який формат зображень для продуктів вибрати, в якому розширенні зберігати фото товарів, які максимальні розміри фотографій можна використовувати в своєму магазині. Для початківців власників Інтернет-магазинів ці питання найболючіші.
Я хотів би розповісти вам про типові помилки, які починають робити підприємці.

Як зробити якісну фото-сесію ви вже знаєте - прочитайте цикл моїх статей «Як організувати фотосесію товарів для Інтернет-магазину? якісна фотографія товару-запорука успіху »

Звичайно, якщо ви витратили час і ресурси на організацію фотозйомки товарів для магазину, у вас виникає бажання захистити, або хоча б, ускладнити копіювання конкурентами ваших фото. Для цього використовується «водяні знаки» - це напівпрозорі логотипи або копірайт-написи магазину поверх фотографій, наприклад:
- адреса магазина www.Moy-Magazom.com або його назву "Мій магазин назву"
- логотип і урл сайту (лого) + www.mymagazin.com

Ставлять їх так, щоб було важко вирізати безболісно. Зазвичай по центру, або так, щоб «водяний знак» перекривав сам товар.

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

Правильне розташування копірайту

Можливе розташування копірайту з лого магазину (дозволяє і розкрутити вашу торгову марку, робить її впізнавану).

Копірайт дуже просто вирізається різними графічними редакторами

Точно також, ця ж рекомендація стосується і оглядів продуктів. Можете поставити «водяний знак» і туди ж.

Якщо вже у вас накопичилася достатня кількість фотографій товарів для магазину - ви можете автоматизувати накладення «водяного знака» на них. Про це я розповідав в своїй статті та відео-уроці «Як зробити копірайт на фото на 1000 картинок за 20 секунд для Вашого Інтернет-магазину»

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

Точно така ж функція вже є в програмі для керування магазином - Store Manager for PrestaShop (що це таке - дивіться в моїй статті - «Управління інтернет магазином за допомогою Store Manager» )

З цими важливими моментами я прояснив ситуацію, а тепер перейдемо до найважливішого!

В якому форматі зберігати фото товарів?

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

Формат JPG або JPEG - використовується в 90% на всіх магазинах. За рахунок того, що зображення стискується при збереженні, дозволяє істотно економити розмір графічних файлів.

А тут випливає закон - менше розмір файлу - швидше передача його на броузер клієнт. Отже ваш Інтернет-магазин буде вантажиться швидше, і вам не доведеться змушувати клієнта чекати, поки завантажиться вітрина магазину з усіма товарами.

У більшості всіх популярних програмах, які працюють з графічними файлами є опція вибору величини стиснення фото. Тут я вас закликаю не переборщити. Якщо ви захочете стиснути фото зображення на 50% - звичайно розмір файлу зменшиться, а й якість картинки дуже сильно погіршиться. Не думаю, що покупці захочуть купувати товар з таким низькоякісним фото.

Оптимальним є якість стиснення равним70-85% для фотографій. Не ставте 100% - зображення буде дуже велике за розміром, а різниці клієнти не відчують. При цьому, магазин буде вантажиться довше за рахунок великих розмірів картинок в Кбайтах.

Не ставте якість збереження 50 і менше - розмір в КБ буде малий, але якість картинки буде гірше. Зверніть увагу на текст, він вже почав псуватися.

Експериментуючи із стисненням ви зможете прискорити роботу (показ товарів) для вашого магазину.

Якщо ж ви хочете додати фото з прозорим фоном - вам потрібен інший графічний формат - PNG.

Формат PNG - це формат, аналогічний з GIF, проте він дозволяє маніпулювати з шаром прозорості. До речі, саме він потрібен вам, якщо ви захочете використовувати «водяні знаки».

Детальніше про формат PNG - на сайті Вікіпедії

Мінус цього формату - це форма збереження даних з "без стиснення". Хоча стиснення відбувається по хитрому алгоритму Deflate. Розмір фото продуктів для цього формату буде збільшуватися. За прозорий фон і хорошу картинку доведеться розплачуватися.

Використовуйте формат PNG якщо ви повинні показати чіткі схеми або графічно креслення або логотипи. Цей формат не годиться для показу товарів у вигляді фотографій.

Ви можете самі спробувати провести оптимізацію фото товарів через графічні програми, наприклад Adobe Photoshop (це платний редактор) або Pain.NET (це безкоштовний редактор). Завантажити Pain.NET ви можете по цьому посиланню.

Дивіться відео приклад, як забрати фон на фотографії товару.

До речі, вам не потрібно обов'язково встановлювати складні графічні програми, щоб проводити маніпуляції з файлами. Досить простих але надійних програм. Я їх дуже люблю, і працюю з ними вже більше 8 років

Наприклад XnViewer - www.xnview.org

у нього теж є функції вибору якості збереження зображення і російський інтерфейс.

Для масових операцій з фото товарів я рекомендую IrFanViewer. Маленька, але дуже корисна і потужна програма.

Ви можете завантажити її на сайті розробника - www.irfanview.com
Ця програма вміє додавати «водяні знаки», масово змінює розміри фото, або змінює формат всіх вибраних фотографій з потрібним ступенем стиснення за пару кліків.

Наводжу короткий відео-приклад, як змінити багато товарів в формат jpg і при цьому змінити розмір фотографії. Ви можете побачити роботу програми в оригінальному англійському інтерфейсі. Також є можливість додати і російську мову. Просто скачайте мову і додайте його в папку програми - IrfanView \ Languages ​​\

Який розмір фотографій потрібен для Інтернет-магазину?

Деякі мої клієнти робили фото розміром 2560 х 1400 пікселів. Звичайно, такий формат зможе показати всі деталі товару. Але будьте реалістами, як багато користувачів мають монітори з таким розширенням? Крім того, такі файли дуже більше за розміром, отже займають по 2-3 Мбайта навіть в форматі Jpg і не поміщаються на монітор користувачів. Я б рекомендував для себе зберігати мінімально доступний розмір фото товарів 1000 х 700 пікселів.

Чому так мало?

По-перше, більшість сучасних ПК вже мають подібні розширення екрану як оптимальні (1024 х 768). Додайте сюди ще прокрутку, і панель закладок в браузері.
Цей розмір фото дозволить вам комфортно переглядати зображення усім клієнтам. Хоча більшість двигунів магазинів, щоб змінити масштаб великі зображення при завантаженні, я б тримав 2 набору фотографій.

Набір 1 - для публікацій, для постерів, для дизайну - великі фото, з високою роздільною здатністю.

Набір 2 - спеціально для веб-сайтів і магазинів - зменшені розміри фото, оптимізовані для швидкого завантаження в Інтернет.

На поточний момент (2013-2014 роки) це дозвіл 1280 x 1024 пікселів. Ви можете дізнатися стандартні розширення моніторів і підлаштовуватися під них.

резюмуємо:

Для фото товарів магазину використовуємо JPG з ступенем стиснення зображення 75 - 80%

Розміри фото повинні бути до 1000 х 700 пікселів.

Якщо вам потрібні фото з прозорим шаром - використовуємо формат PNG-24

Якщо вам потрібно змінити розмірі 1000 фото - використовуємо масові перетворення IrFanViewer

Якщо ви хочете зручно переглянути всі свої фото - використовуємо XnViewer

Якщо ви хочете вчитися далі - читаємо мої статті :-)

Що ще почитати з циклу "Як відкрити Інтернет-магазин?"

Колонка редактора сайту

Які формати товарів зображень потрібні для Інтернет-магазину?

Якщо ви провели фото-сесію товарів, і у вас вже є солідна фото-база товарів перед вами завжди виникає питання: який формат зображень для продуктів вибрати, в якому розширенні зберігати фото товарів, які максимальні розміри фотографій можна використовувати в своєму магазині. Для початківців власників Інтернет-магазинів ці питання найболючіші.
Я хотів би розповісти вам про типові помилки, які починають робити підприємці.

Як зробити якісну фото-сесію ви вже знаєте - прочитайте цикл моїх статей «Як організувати фотосесію товарів для Інтернет-магазину? якісна фотографія товару-запорука успіху »

Звичайно, якщо ви витратили час і ресурси на організацію фотозйомки товарів для магазину, у вас виникає бажання захистити, або хоча б, ускладнити копіювання конкурентами ваших фото. Для цього використовується «водяні знаки» - це напівпрозорі логотипи або копірайт-написи магазину поверх фотографій, наприклад:
- адреса магазина www.Moy-Magazom.com або його назву "Мій магазин назву"
- логотип і урл сайту (лого) + www.mymagazin.com

Ставлять їх так, щоб було важко вирізати безболісно. Зазвичай по центру, або так, щоб «водяний знак» перекривав сам товар.

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

Правильне розташування копірайту

Можливе розташування копірайту з лого магазину (дозволяє і розкрутити вашу торгову марку, робить її впізнавану).

Копірайт дуже просто вирізається різними графічними редакторами

Точно також, ця ж рекомендація стосується і оглядів продуктів. Можете поставити «водяний знак» і туди ж.

Якщо вже у вас накопичилася достатня кількість фотографій товарів для магазину - ви можете автоматизувати накладення «водяного знака» на них. Про це я розповідав в своїй статті та відео-уроці «Як зробити копірайт на фото на 1000 картинок за 20 секунд для Вашого Інтернет-магазину»

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

Точно така ж функція вже є в програмі для керування магазином - Store Manager for PrestaShop (що це таке - дивіться в моїй статті - «Управління інтернет магазином за допомогою Store Manager» )

З цими важливими моментами я прояснив ситуацію, а тепер перейдемо до найважливішого!

В якому форматі зберігати фото товарів?

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

Формат JPG або JPEG - використовується в 90% на всіх магазинах. За рахунок того, що зображення стискується при збереженні, дозволяє істотно економити розмір графічних файлів.

А тут випливає закон - менше розмір файлу - швидше передача його на броузер клієнт. Отже ваш Інтернет-магазин буде вантажиться швидше, і вам не доведеться змушувати клієнта чекати, поки завантажиться вітрина магазину з усіма товарами.

У більшості всіх популярних програмах, які працюють з графічними файлами є опція вибору величини стиснення фото. Тут я вас закликаю не переборщити. Якщо ви захочете стиснути фото зображення на 50% - звичайно розмір файлу зменшиться, а й якість картинки дуже сильно погіршиться. Не думаю, що покупці захочуть купувати товар з таким низькоякісним фото.

Оптимальним є якість стиснення равним70-85% для фотографій. Не ставте 100% - зображення буде дуже велике за розміром, а різниці клієнти не відчують. При цьому, магазин буде вантажиться довше за рахунок великих розмірів картинок в Кбайтах.

Не ставте якість збереження 50 і менше - розмір в КБ буде малий, але якість картинки буде гірше. Зверніть увагу на текст, він вже почав псуватися.

Експериментуючи із стисненням ви зможете прискорити роботу (показ товарів) для вашого магазину.

Якщо ж ви хочете додати фото з прозорим фоном - вам потрібен інший графічний формат - PNG.

Формат PNG - це формат, аналогічний з GIF, проте він дозволяє маніпулювати з шаром прозорості. До речі, саме він потрібен вам, якщо ви захочете використовувати «водяні знаки».

Детальніше про формат PNG - на сайті Вікіпедії

Мінус цього формату - це форма збереження даних з "без стиснення". Хоча стиснення відбувається по хитрому алгоритму Deflate. Розмір фото продуктів для цього формату буде збільшуватися. За прозорий фон і хорошу картинку доведеться розплачуватися.

Використовуйте формат PNG якщо ви повинні показати чіткі схеми або графічно креслення або логотипи. Цей формат не годиться для показу товарів у вигляді фотографій.

Ви можете самі спробувати провести оптимізацію фото товарів через графічні програми, наприклад Adobe Photoshop (це платний редактор) або Pain.NET (це безкоштовний редактор). Завантажити Pain.NET ви можете по цьому посиланню.

Дивіться відео приклад, як забрати фон на фотографії товару.

До речі, вам не потрібно обов'язково встановлювати складні графічні програми, щоб проводити маніпуляції з файлами. Досить простих але надійних програм. Я їх дуже люблю, і працюю з ними вже більше 8 років

Наприклад XnViewer - www.xnview.org

у нього теж є функції вибору якості збереження зображення і російський інтерфейс.

Для масових операцій з фото товарів я рекомендую IrFanViewer. Маленька, але дуже корисна і потужна програма.

Ви можете завантажити її на сайті розробника - www.irfanview.com
Ця програма вміє додавати «водяні знаки», масово змінює розміри фото, або змінює формат всіх вибраних фотографій з потрібним ступенем стиснення за пару кліків.

Наводжу короткий відео-приклад, як змінити багато товарів в формат jpg і при цьому змінити розмір фотографії. Ви можете побачити роботу програми в оригінальному англійському інтерфейсі. Також є можливість додати і російську мову. Просто скачайте мову і додайте його в папку програми - IrfanView \ Languages ​​\

Який розмір фотографій потрібен для Інтернет-магазину?

Деякі мої клієнти робили фото розміром 2560 х 1400 пікселів. Звичайно, такий формат зможе показати всі деталі товару. Але будьте реалістами, як багато користувачів мають монітори з таким розширенням? Крім того, такі файли дуже більше за розміром, отже займають по 2-3 Мбайта навіть в форматі Jpg і не поміщаються на монітор користувачів. Я б рекомендував для себе зберігати мінімально доступний розмір фото товарів 1000 х 700 пікселів.

Чому так мало?

По-перше, більшість сучасних ПК вже мають подібні розширення екрану як оптимальні (1024 х 768). Додайте сюди ще прокрутку, і панель закладок в браузері.
Цей розмір фото дозволить вам комфортно переглядати зображення усім клієнтам. Хоча більшість двигунів магазинів, щоб змінити масштаб великі зображення при завантаженні, я б тримав 2 набору фотографій.

Набір 1 - для публікацій, для постерів, для дизайну - великі фото, з високою роздільною здатністю.

Набір 2 - спеціально для веб-сайтів і магазинів - зменшені розміри фото, оптимізовані для швидкого завантаження в Інтернет.

На поточний момент (2013-2014 роки) це дозвіл 1280 x 1024 пікселів. Ви можете дізнатися стандартні розширення моніторів і підлаштовуватися під них.

резюмуємо:

Для фото товарів магазину використовуємо JPG з ступенем стиснення зображення 75 - 80%

Розміри фото повинні бути до 1000 х 700 пікселів.

Якщо вам потрібні фото з прозорим шаром - використовуємо формат PNG-24

Якщо вам потрібно змінити розмірі 1000 фото - використовуємо масові перетворення IrFanViewer

Якщо ви хочете зручно переглянути всі свої фото - використовуємо XnViewer

Якщо ви хочете вчитися далі - читаємо мої статті :-)

Що ще почитати з циклу "Як відкрити Інтернет-магазин?"

Колонка редактора сайту