Намалете размера на снимка с Photoshop

За да намалим размера на снимката и да я оптимизираме за нашия уебсайт, трябва да използваме програма за редактиране на снимки. В този случай ще работим с Photoshop, тъй като това е най-широко използваната програма. Както и да е, има безплатен софтуер с подобни функции.

Защо да намалите размера на снимките?

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

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

снимка

Ръководство за намаляване на измерванията на снимка на продукт

Има няколко начина за преоразмеряване на изображение. След това ще видим най-лесния начин да го направим с Photoshop.

В това ръководство ще използваме версия на Photoshop CC в Mac среда.В Windows среда или в предишни версии на Photoshop разположението на инструмент може да варира, но теорията е същата.

1) Отворете оригиналното изображение, което искаме да редактираме във Photoshop

Първото нещо, което трябва да направим, е да отворим нашата снимка в дизайнерската програма.
Можем да го направим по два начина, щракнете с десния бутон върху изображението (1), изберете „Отваряне с“ (2) и щракнете върху софтуера Photoshop (3).

Или можем директно да осъществим достъп до Photoshop, щракнете върху „Файл“ (1), изберете „Отваряне“ (2) и потърсете нашата снимка в директорията.

2) Отключете слоя, за да може да се редактира

След като отворим нашата снимка, първото нещо, което трябва да направим, е да отключим черупката, за да можем да редактираме изображението по желание. За това ще трябва да отворим прозореца на слоевете, като щракнем върху раздела „Прозорец“ (1), след което проверяваме дали слоевете са активирани (2), след като го отворим можем да видим как се е появил нов прозорец (3)

Щракваме два пъти върху слоя, където се появява малък катинар (1). Ще получим прозорец, в който ни пита дали искаме да променим името или да конфигурираме някои параметри, ние просто кликваме "OK"

3) Копирайте отключеното изображение

Можем да видим как ключалката е изчезнала от слой (1), сега трябва да изберем слоя. За целта задържаме клавиша CTRL (Контрол в Windows)/CMD (Команда в Mac) и кликваме точно над малкото изображение (2), можем да видим как снимката е рамкирана от прекъсната линия, това означава, че ние да го изберете (3). Винаги с клавишна комбинация го копираме CTRL + C (Windows)/CMD + C (4).

4) Създайте нов документ с окончателните мерки за нашия уебсайт

Кликнете върху файл (1) и след това върху нов (2) или ако искаме да вървим по-бързо, с комбинацията от клавиши CTRL + N (windows) или CMD + N (Mac).

Избираме уеб конфигурацията (1), поставяме ширината 1080px (2), поставяме височината 1400px (3), ориентацията, маркирана във вертикална (4), цвета на фона в бяло (5) и кликваме върху „Създаване“ ( 6).

Създайте ни новия празен документ с измерванията, които сме задали.

5) Копираме оригиналното изображение върху платното

Сега просто трябва да поставим изображението, което преди това сме копирали, върху новото платно, за това го поставяме с комбинацията от клавиши CTRL + V (Windows)/CMD + V (Mac).
Както виждаме, той копира изображението в новия документ

6) Трансформирайте копираното изображение в новия документ

С клавишите CTRL + T (Windows)/CMD + T (Mac) активираме изданието (1), задържайки бутона Shift и задържайки един от ъглите, ние преоразмеряваме изображението (2), важно е да задържим ключът с главни букви или изображението ще бъде изкривено.
Като спрем да натискаме клавиша и щракваме вътре в изображението с левия бутон (оставяйки бутона натиснат), можем да преместим изображението и да го поставим там, където ни харесва. (3) Щракваме върху иконата V, за да активираме промените (4).

7) Запазете редактираното ни изображение

След като бъдат направени всички подходящи промени в нашия образ, ние трябва да го запазим. За целта кликнете върху лентата с менюта „Файл“ (1), изберете „Експортиране“ (2) и кликнете върху „Запазване за мрежата“ (3).

Ще се отвори прозорец, в който можем да регулираме качеството на компресията, за уеб се препоръчва тегло под 150KB. За да оптимизираме, кликваме върху качеството и преместваме контрола към желаното от нас качество (1), трябва да разгледаме качеството на изображението, което не е размазано (2) и да обърнем внимание на теглото под 150KB (3). Кликнете върху Запазване, за да направите промените (4).

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

8) Крайният резултат

Вече имаме нашето оптимизирано изображение, готово за използване в мрежата, можем да видим, че в сравнение с оригиналната снимка (1) сме редактирали размера и подобрили компресията на снимката (2).