Ако сте се упустили у свет векторског дизајна помоћу 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 или више за професионално штампање. Коначно, можете додати обрезе или маргине и ограничити извоз на одређени објекат користећи његов ID.
Савладавање извоза у Inkscape-у подразумева знање када нам је потребна светлост и транспарентност PNG-а оптимизованог спољним алатима за веб, или векторска прецизност PDF-а када је коначно одредиште штампач високе резолуције, увек подешавајући sRGB профил и dpi према медијуму.