Всички примери в статията направена в Photoshop. Ако не го направите, в края на краищата, ние предлагаме алтернатива.
Размерът и съотношението на изображения
Време е да с висока резолюция, голям екран и високоскоростен интернет. Но това не означава, че не трябва да се притеснявате за оптимизиране на изображения. Съвременните фотоапарати правят големи детайлни снимки, които са подходящи за най-висок клас на печат. Най-вероятно си фотограф ще ви подготви точно такива изображения.
На снимката двете размери:
- Пространството, което заема на екрана. Този размер се измерва в пиксели (пиксели) - точките, които правят на екрана.
В Ecwid магазин може да бъде изпълнен с изображения от всякакъв размер, те са винаги оптимизира, за да съвпаднат с ширината на прозореца на браузъра и зарежда еднакво бързо.
Ако вашият магазин не е на Ecwid и не знам дали това оптимизира размера на снимки, отделете малко време и да се намали изображения на продукти за 1000 x 1000 пиксела. Този размер е достатъчно голям, за да разгледа елемента и е достатъчно малък, за да се зареждат бързо.
По-голямата физическа размера на изображението, толкова повече ще трябва да поставите в паметта, колкото по-дълго се зарежда. За да се реши този проблем, са изобретили файлове с формат на изображението с компресия. Картината се компресира, с цел оптимизация на данните за цвета.
Подходящ размер на снимка на продукта - 1000 x 1000 пиксела 200 КБ
Въпреки това, силна компресия разгражда "качеството" на изображението: има характерен шум или резки преходи между цветовете. За това не се случи, достатъчно, за да запазвате изображения в правилния формат. За да подадете размер на около 1000 пиксела добър резултат ще бъде тегло в 200 кБ. Как да изберете формата, който ще опишем по-долу.
реколта
- Картината става по-малко, но загуби на малки предмети, които исках да покажа!
Прав си! Подробностите са важни. Кадър на важните детайли на стоки, рязане тях от основната картина. Изсипете допълнителни снимки в галерията.
Миниизображение и двете части на рамката, с една и съща снимка
Миниатюрите на стоки
Ние се занимава с основното изображение на продукта, но трябва да покаже миниатюри. Това Ecwid отнема себе си грижи. Thumbnails се създават автоматично стоки. Размерът по подразбиране на 230 пиксела. Можете да я промените в настройките на контролния панел.
Ако не Ecwid, направи миниатюри до 40-50 КБ.
Проучванията показват, че това не е някакъв аспект съотношението е приятен за окото. С течение на годините е определен "стандартен" набор от размери, в чиято полза е, че винаги получавате хубав резултат: 1: 1, 4: 3, 3: 2, 16: 9.
Пропорциите са важни, те определят външния вид на вашия сайт. Нека всички изображения ще бъдат на същите пропорции. Това ще даде на витрината на магазина чист и професионален външен вид.
Ако вече сте опитали да намалите изображението, вие вероятно сте забелязали, че след една малка картина "избледняват". Те губят остротата си. Как мога да получа снимки на "звънене"?
Лесен начин да
Ако оригиналното изображение е много голям, като 5000 * 5000 пиксела, а не да се сведе само до правото. Направи го на етапи 2-3, след всяко коригиране острота.
Метод за опитен
- Намаляване на изображението до желания размер: Изображение → уголемена + изберете Bicubic-рязко.
- Нанесете втори слой в режим на осветеност, това ще се избегне появата на цветни ореоли.
Така че тук е това, което имаме в сравнение с оригиналното изображение:
На темата за поле е писано много статии, ще ги намерите в търсенията за «как да се увеличи яркостта на снимките."
Избор на формат
Вашата снимка е придобил правилната пропорция, се намалява до желаната големина, контраста и остротата съвпадат перфектно, че е време за запазване на изображението. Трябва да изберете подходящия формат, за да получите максимално качество с минимален "тегло".
Най-популярните формати:
- GIF (английски Graphics Interchange Format -. «Формат за споделяне на изображения") е с възможност за съхраняване на компресирани данни, без загуба на качество във формат на не повече от 256 цвята. Формат поддържа анимирани изображения. За дълго време, GIF е най-често срещаният формат в интернет, докато е бил създаден формат PNG.
- PNG (Англ. Преносими мрежови графики) използва компресия без загуба и съхранява неограничен брой цветове.
- JPEG (Joint Photographic инж Experts Group за името на разработчика ..) - най-често срещаният формат за съхраняване на снимки и други. JPEG алгоритъм може да компресира изображение едновременно със загуби и без загуби. Колкото по-малка загуба, толкова по-голям размерът на файла.
Фото в JPEG формат, за да се намали степента на сгъстяване от ляво на дясно. Източник: Wikipedia
Така че какво ще изберете?
Продължете по следния алгоритъм:
- Ако имате снимка, изберете JPEG с качеството на реда на 50-80 единици.
- Ако илюстрация с големи плоски запълвания, JPEG няма да работи. На гладки повърхности ще бъдат видими артефакти (изкривяване изображения). Изберете PNG.
- Анимирани Picture? Вашият избор на GIF.
И не използват интернет като TIFF. Този красив комплект формат за печат, но не е подходящ за интернет.
Запазване на изображения в различни формати. А JPEG файл е "лесно"
И вие може дори по-малко? - Да!
Компресиране на файловете, без да губи качество правят специални услуги: TinyJPG. JPEGmini. TinyPNG.
Ако няма Photoshop
Програмата е подходяща за Windows, Mac и Linux. Има всичко необходимо за професионална обработка на рисунки и фотографии: работа с пластове и маски, инструменти за коригиране на цветовете, ретуширане и боя. Gimp поддържа всички основни файлови формати за изображения.
Повечето от инструментите, са на разположение за безплатно, но за някои допълнителни функции ще трябва да плати.
Pixlr Editor поддържа всички популярни графични формати, на разположение на руски.
Алина Vashurina - PR-директор Ecwid. Той пише, за да вдъхнови и образоват читатели за всичко, което е свързано с електронната търговия. Тя обича да пътува, и в маратони.
Бъдете в крак!
Абонирайте се за седмичния събирането на вдъхновяващи статии за електронна търговия
Можете да се отпишете по всяко време. Като се абонирате, Вие се съгласявате с обработката на данни.
Свързани статии