12 грешки на общ формат за изображения

LPgenerator - Професионална целевата страница платформа за увеличаване на продажбите на Вашия бизнес

МАГАЗИН Кацане УНИВЕРСИТЕТ НА АКЦИИ от страна на партньорите

Говори се, че изображението може да се каже повече от хиляда думи, - но, както се оказва, тя също може да допринесе за повече приходи за вас или вашия бизнес.

Въпреки, че може да оперира вашия личен или бизнес сайт - не е лесна задача да се направи малко усилие, добавяйки, визуално съдържание на сайта си, да бъде изплатен с лихвите.

Това не само ще помогне да се гарантира, че посетителите са по-склонни да отида и ще бъде интересно, но, според статистическите данни, събрани от Tech.Co и NewsCred, това е също:

По-ефективно предава информацията, която хората помнят 80% от това, което виждат (за разлика от 20% от това, което четат и 10% от това, което чуват).
Той привлича посетителите: статията с изображения 94% повече, отколкото при гледане, без статия без тях.
Подобрява бизнес репутация: 67% от потребителите предпочитат компании, които са ясни, детайлни изображения на техните продукти (и казват, че изображенията са по-важни от описанието на продукта).
Влияние върху вземането на решение за покупка: 93% от хората вярват, визуален образ на най-важния фактор, влияещ върху решението за покупка в интернет.

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

Проблем номер 1: Вие сте изтеглили изображение без оптимизация за интернет, а сега вашият сайт е бавен

Решение: Намерете "среден път" размер на изображението.

Размерът на изображението има голямо влияние върху работата на вашия сайт. За да бъдем точни, ние говорим предимно за размера на файла в мегабайта (МБ), килобайта (КБ), и т.н. - не на действителния размер на изображението (като 800 х 600 пиксела), въпреки че те често са взаимно свързани. Ако размерите на файловете са твърде големи, страниците да отнеме много време, за да изтеглите и рискувате да загубите посетители, които нямат търпение. Твърде малко - и ще застраши визуалното качество на изображението. Трябва да се намери компромис между действителния размер и качество (резолюция), които заедно определят общия размер на файла.

Съвет: Можете да проверите как различните измерения на образа повлияят на скоростта на зареждане с помощта на безплатни инструменти като този.

№ Проблем 2: Образът на екрана изглежда зле

Решение: Разберете резолюцията на изображението.

Резолюция е нещо, което определя колко добре изглежда на изображението на екрана. С прости думи, броят на пикселите, показва на определено място на екрана (пиксела на инч или PPI, понякога пиксела на сантиметър). Въпреки това, тъй като екраните на устройствата, които използваме днес, имат предварително определена резолюция, ние сме ограничени контрол върху начина на показване на нашите изображения. Но това е добре, защото той опростява процеса на съхраняване на изображения. Резолюция 72 PPI се счита за общ стандарт за уеб изображения с приемливо качество, но резолюцията между минимум 72 до максимум 120 PPI PPI, е достатъчно за по-голямата част на екрана. Според дизайнера Google Себастиен Гавриил, опазване на PPI в този диапазон "гарантира, че вашата работа ще бъде приблизително същото съотношение навсякъде." Той също така помага да се контролира размерът на файла.

По-важното е, толкова дълго, колкото можете да запишете вашите снимки в правилния размер (в пиксели) за използването по предназначение, трябва да се избегне всякакъв пикселизация. Пикарелизират (замъгляване, деформация, загуба на качество) се случва, когато цифровото изображение се показва на сайта по-голям от първоначалния си размер (например, един опит да се простират на снимката на 50 х 50 пиксела към пространството на 500 х 500 пиксела).

Съвет: Ако се опитате да зададете файла за PPI на изображението и да виждате само опцията "DPI", не се паникьосвайте.

Тези условия са често (макар и неправилно) използват взаимозаменяемо. В действителност, много хора и програми използват DPI, като общ термин за означаване на разделителната способност на изображението.

Проблем номер 3. Разберете резолюцията на изображението. Част 2: Компресиране

компресия на образа в програма за редактиране на снимки е един от начините да се коригира размера на резолюция и файл. Например, когато използвате "Запис на уеб и устройства", за да запишете изображението JPG в Photoshop, можете да изберете желаното качество (ниска, средна, висока, много висока, висок), или повече, за да се създаде качеството със съответния превъртане копчето от 0 ( минимум) и 100 (максимум). Това ще намали (или компресиране) размера на файла (за подходящо време зареждане на страницата), но също така намалява визуалното качество (по-ниска към по-лошо).

Проблем № 4: насипно изображение незабележима

Решение: Нарежете разумно.

Изрязване може да бъде много важна стъпка в процеса на форматиране, особено за снимки. Вие не искате да се намалят нещо важно, но не се колебайте да се отреже, за да се подобри фокуса на изображението или настроение. От друга страна, вие не искате да се спре, така че вашата снимка ще бъде изкривен (колкото повече пиксели ви отстранят, толкова по-ниска разделителна способност); ако искате да направите това, което трябва да се започне с изображение със сравнително по-висока разделителна способност.

Проблем №5: Лош състав на изображението

Решение: Използвайте рамката за максимален ефект.

Тясно свързани с почистване, рамкиране е подходящ, когато се направи снимка или да създадете изображение (и по-добре по време на процеса, а не след това). Той има много общо с традиционните правила за състава, които се считат за художници, фотографи, дизайнери и други майстори. Някои от тях съдържат:

"Правилото на третините" (за да се постигне баланс и да се съсредоточи)
разположението на елементите в групи от по три
повтаряне (визуално подчертавайки интересни елементи като линии и модели)
ефективно използване на положителни и отрицателни пространство
водеща линия (което насочи вниманието на зрителя към централната точка)
и още ...

Всичко това е, за да се създаде един образ - един вълнуващ, интересен и привлекателен вид, тя е това, което искате за изображения на вашия сайт.

Проблем номер 6. Използвайте Frame за максимален ефект. Част 2: Заобикаляне

Може да експериментират с ориентацията на изображението (ако съставът на изображението позволява), от вертикално в хоризонтално (или обратното); завъртане на изображението; изрязване или кръгла или друга форма. Изображение на различни форми и размери ще добави визуален интерес към вашия уеб сайт. Да не се използва през цялото време и също изображение процес форматиране; Бъдете креативни!

№7 проблем: Изображението се извежда изкривено

Решение: Scale пропорционално.

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

Съвет: В повечето програми и приложения за редактиране на снимки, има инструменти, които могат да ви помогнат да сте сигурни, че мащабирате изображението пропорционално. В диалоговия прозорец, където можете мащаба или да регулирате размера на изображението на това, често е малко икона на катинар, която можете да кликнете, че да "поправят" оригиналното съотношение, или прозорец с един вид "мащабира пропорционално" или "поддържа съотношение на".

Проблемът №8: Знаете ли запазвате изображения в правилния формат на файла

Решение: Проучване на разликите между типовете файлове.

Всички тези модели могат да ви объркат - Каква е разликата между JPG и PNG? Има ли значение? Има ли определени файлови формати, които са най-добре да се използва?

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

И този, който трябва да се избягва ...

TIFF: качество на изображението, но размерът на файла е много голям, така че не е подходящ за уеб употреба; обикновено се използва за поставяне на печат на документи.

Съвет: По отношение на изображенията, които могат да се използват за печат или уеб проекти (например, JPG файлове и един PDF-файлове), трябва да се гарантира, че вие създавате или да ги конвертирате в правилния цвят пространство за уеб употреба - RGB. Ако запазите в CMYK (която се използва само за печат), цвят на изображението ви ще изглежда много странно, когато го качите на вашия сайт. Ако използвате Canva за форматиране на изображения, процесът е по-просто: просто кликнете върху "Изтегляне", където можете да избере или "Като Picture" (RGB изображение за уеб употреба) или "PDF високо качество" (CMYK файл за печат).

Проблем номер 9: Купили сте запас снимка за вашия уеб сайт, но можете да ги видите навсякъде

Решение: Да се избягва отток снимки или прекарват време в търсене на уникални.

Ако не разполагате с време или ресурси, за да създават свои собствени изображения, сток снимки - удобен вариант. Въпреки това, има много снимки, които вече са в употреба, както и съществува риск да видите избраните снимки на друго място, може би дори в сайта на конкурент. Очевидното решение би било да не се използва сток снимки, но вместо да създават свои собствени оригинални снимки, но ако това не е възможно, поне можете да се погледне отвъд първата страница на резултатите от търсенето, за да намерите това, което ще бъде различно, и по-важното това, което е наистина подходящ за вашата марка или цел.

Съвет: Все повече и повече свободни ресурси Free Stock Photos появяват през последните години, и (въпреки факта, че те са свободни) все още не се използва толкова често, колкото платените сайтове. В допълнение, те често могат да намерят нови и не посредствени възможности, ако сте готови да похарчите малко време, за да ги намерите. Прочетете статията, "Free Stock Photos: На 74-добрите сайтове чудесните безплатни изображения," за списък с препоръчителни ресурси.

Безплатни сток снимки от Unsplash.

Проблем номер 10: Ти не знаеш как да добавите информация към снимките си

Решение: Използвайте параметрите на метаданни.

Metadata е само модерна дума за допълнителна информация, вграден в графичен файл, или на факта, че можете да добавите (като заглавие или описание). Част от тази информация се създава автоматично, например, техническа информация. Друга част от информацията за текст - заглавията на изображения и описания, ключови думи, заглавия - не са задължителни и могат да бъдат променяни. Така че, защо харчат допълнително време, включително и тази информация? Включването на основна информация за вашия имидж често подобрява UX; но добавянето на този тип данни може да помогне на вашите снимки се появяват по-често в тези резултати от търсенето. И малко повече трафика на уебсайта никога не боли.

Съвет: Различни блогове и уеб хостинг платформа ще предоставят разнообразни възможности за добавяне на метаданни като надписи и ключови думи към вашите снимки - и трябва да се възползва от всяка възможност за добавяне на стойност, която предлага вашата платформа. Алтернативният текст (съкратено от алтернативен текст, който понякога се нарича "ALT таг" или "ALT атрибута") е един от най-често срещаните варианти.

Това е област, в която можете да въведете дума или фраза, която описва какво е вашето изображение. Това е важно, защото: 1) Той играе важна роля за подобряване на оптимизация на SEO (търсачка) на вашия сайт; 2) Ако не се покаже по някаква причина, текст н навежда на мисълта, че трябва да има; и 3) алтернативен текст се използва от слепи и слабовиждащи потребители, които използват аудио браузъри за интернет.

Всяко изображение трябва да има свой собствен уникален, подходящ алтернативен текст; и по-добре по-малко. Но не злоупотребявайте с този инструмент - област товарене алтернативен текст с думи за търсене, които си мислят, са популярни (известни като "н спам" или "ключова дума плънка"), няма да ти помогне, и всъщност може да намали класирането търсене на вашия сайт.

Възможности за метаданни образ в WordPress (име, длъжност, алтернативен текст и описание).

Проблем номер 11: Смятате ли, че вашата снимка може да се редактира, но вие не искате да се прекалява

Решение: Не използвайте много ефекти.

Понякога, когато се работи с изображение, което искате да го подобрим малко: за регулиране на контраста или яркостта, да увеличи наситеността настроите остротата. Това не е проблем.

Въпреки това, повечето софтуер за редактиране на снимки може да направи много повече от това. И това е много лесно да се пресели от драматичните ефекти и филтри; има тънка линия между умерени и закачливите редактиране. Ако откриете себе си пред избор ефект, защото "тя изглежда смешно / странен / извънредно", по-добре просто да оставя изображението в оригиналния си вид.

Проблем номер 12: цветовете са неправилни на екрана на компютъра

Решение: Калибриране на монитора.

Ако работите с цифрови изображения, важно е, че цветовете се показват правилно. Когато изберете цвета, който искате да видите снимки, тъй като те са на мястото, и не можете да направите това, ако си екран или монитор показва цветове неточно. Саймън Prais в DigitalArts съветва:

"Калибриране на монитор, така че яркостта се намира между 90 и 120 сс / т2.

Въпреки, че това ще ограничи контраста на дисплея, това е може би по-добре да изразя това, което целевата аудитория ще изпитате много различни версии на мониторите и качество. "

Съвет: На Windows операционни системи и Mac е с вградени инструменти за калибриране. Тук можете да намерите инструкции стъпка по стъпка за това как да ги използвате.

ВНИМАНИЕ! Използвате остарял браузър Internet Explorer

Този сайт е изграден върху най-напредналите и модерни технологии и не поддържа Internet Explorer втората и седмата версия.