Ако сте се впуснали в света на векторния дизайн с Inkscape, със сигурност сте забелязали, че прехвърлянето на вашите творения в мрежата не е толкова просто, колкото просто да щракнете върху „Запазване“. За да сте сигурни, че изображенията ви не са огромни и изглеждат ясни на всеки екран, трябва да коригирате определени технически параметри , които правят цялата разлика между професионален уебсайт и такъв, който се зарежда бавно.
Не се притеснявайте, ако в началото ви се струва сложно, защото всъщност става въпрос само за овладяване на няколко основни концепции. От управлението на цветовете до избора на правилния формат, ще разгледаме стъпка по стъпка как да оптимизирате експорта си, така че дизайните ви да изглеждат впечатляващо, без да жертвате производителността на уебсайта си.
Основни принципи за уеб дизайн
Преди да експортирате каквото и да е, трябва да сте наясно с пет основни принципа. Първо, цветовият модел; за интернет забравете CMYK и винаги работете с цветовия профил sRGB , който е стандартът, разбираем от всички браузъри. Второ, размерът трябва да е съвместим с пространството, което ще заема в мрежата, за да се избегне необходимостта браузърът да преоразмерява изображението, което би могло да повлияе на качеството.
Не можем да забравим и прозрачността и непрозрачността, жизненоважни елементи, за да се слеят безпроблемно вашите лога или икони с всеки фон. Що се отнася до резолюцията, за екрани идеалният диапазон е между 72 и 96 dpi (точки на инч) . И накрая, размерът на файла е от решаващо значение: целта е изображението да бъде възможно най-малко, без забележима загуба на острота.
Формати на изображения: Кой да избера?
Въпреки че съществуват няколко опции, доминиращите уеб формати са JPG, GIF и особено PNG. Inkscape експортира директно в PNG и това е сигурен залог за уеб дизайн по няколко причини. Този формат поддържа над 16 милиона цвята, точно като JPG, но с добавеното предимство да позволява прозрачен фон.
Освен това, ако работите с линейни рисунки, текст или плоски цветове, PNG е значително по-добър, защото запазва рязкостта на ръбовете . Друго предимство е, че при компресиране се избягват онези досадни цветови изкривявания, които понякога се появяват в JPG файловете, когато компресията не се обработва умело.
Процесът на експортиране на растерни изображения
След като рисунката ви е готова, отидете в менюто „Файл“ и изберете „Експортиране на растерно изображение“. Ще се отвори панел, където можете да изберете коя част от платното искате да конвертирате в изображение. Можете да експортирате цялата страница, само рисунката, конкретна селекция или да използвате персонализиран размер.
След като сте определили областта и размера, просто изберете целевата папка, като използвате бутона за преглед. Ще видите, че системата автоматично присвоява разширението .png на файла , което го прави готов за качване на любимия ви сървър или CMS.
Допълнителни трикове за екстремна оптимизация
Ако искате да повишите производителността на следващото ниво, не разчитайте само на Inkscape. Налични са мощни външни инструменти за намаляване на размера на файловете. Силно препоръчителен вариант е да използвате онлайн услуги като Optimizilla , която ви позволява значително да компресирате изображения без забележима загуба на качество за човешкото око, а освен това е достъпна и на испански език.
Експортиране в PDF и висока резолюция за печат
Понякога се чудите защо PNG изображение изглежда пикселизирано при печат, дори след увеличаване на DPI. Проблемът е, че PNG е растерна (базирана на пиксели) резолюция. Ако ви е необходим дизайн, който да запази оригиналната висока резолюция на SVG за печат, най-доброто решение е да запазите файла като PDF, като използвате менюто „Запиши като“.
Когато експортирате в PDF, имате някои много интересни опции. Можете да изберете PDF версията (например 1.5) и да решите какво да правите с шрифтовете: да ги вградите, за да запазите типографията, или да конвертирате текста в пътища, ако е декоративно лого. Можете също да изберете LaTeX, ако работите в научни области.
Ключов детайл са филтрите (сенки, размазвания), тъй като PDF файловете не ги обработват директно. За да реши този проблем, Inkscape растеризира филтърните ефекти , като по същество създава „снимка“ на тази област. Тук е препоръчително да увеличите резолюцията: 90 dpi за екран, 150 dpi за стандартна и 300 dpi или повече за професионален печат. Накрая можете да добавите обрези или полета и да ограничите експортирането до конкретен обект, използвайки неговия идентификатор.
Овладяването на експортирането в Inkscape включва разбиране кога се нуждаем от лекотата и прозрачността на PNG, оптимизиран с външни инструменти за уеб, или от векторната прецизност на PDF, когато крайната дестинация е принтер с висока резолюция, като винаги настройваме sRGB профила и dpi според носителя.