Опције извоза Адобе Иллустратор - ЦСС-трикови

Ово је мање исечак, а више подсетник за нешто што често погледам. Када креирате СВГ датотеке у Адобе Иллустратор-у, постоји неколико различитих метода за извоз датотека. Обе методе укључују прегршт опција, од којих неке потпуно заборављам шта значе и шта да одаберем.

1. метод: Сачувај као ...

Вероватно не бисте користили овај метод да бисте СВГ сачували за употребу на Интернету. Ово је углавном за спремање главног документа. У ствари, можда бисте желели само да директно сачувате у Иллустратор формату. Неке друге опције извоза бисте користили за извоз за веб.

Најчешћи начин да сачувате датотеку као СВГ у Адобе Иллустратору је одабир File > Save As… опције из главног менија.

Иллустратор ће покренути дијалошки прозор питајући вас како да именујете датотеку и где да је сачувате. Још важније, такође се пита коју врсту датотеке треба сачувати као коју, у овом случају је СВГ. Није СВГ компримовано (свгз). Обичан СВГ.

Притисните дугме Сачувај и појавиће се други скуп опција. Ту ми памћење тежи да ме изневери и морам да претражујем мрежу тражећи одговоре. Ево снимка екрана савршено оптималног начина за спремање СВГ датотеке у Адобе Иллустратор.

• СВГ профили : Овим се поставља тип КСМЛ документа на почетној ознаци. СВГ 1.1 је најновија верзија, покрива најширу подршку и вероватно је најпогоднија опција. Све остало је или старија верзија или подскуп СВГ 1.1 и још нисам наишао на проблем приликом избора.
• Фонтови> Тип : Одабиром „Цонверт то Оутлине“ осигураће се да се сваки откуцани текст у датотеци извози векторске путање, а не глифи. Глифи имају шансу да се не прикажу, али векторске путање су увек велики палац горе.
• Опције> Локација слике : Ако се у датотеци користе растерске слике (читај: ЈПГ, ПНГ, ГИФ), тада ћемо желети да изаберемо опцију „Линк“. У супротном, растерска слика ће бити уграђена у датотеку и то исисава предности перформанси одмах из СВГ-а повећавањем величине датотеке да би се укључила та додатна средства. Боље је да их наведете као везе и обавезно укључите те изворне датотеке у исти директоријум као и СВГ датотека.
• Опције> Локација слике> Сачувај могућности уређивања Иллустратор-а : Ово има огроман утицај на излаз СВГ датотеке. Будући да овде вероватно чувате „главну“ копију која нам није намењена на Интернету, оставили бисте ово означено. Ово ће сачувати заштићене ствари Иллустратора (попут водича) за следећи пут када отворите датотеку. Ако није означено, такве ствари ће бити уклоњене и изгубљене.
• Напредне опције> Својства ЦСС-а : За овај одабирем „Пресентацијски атрибути“, јер својства (нпр. Испуне, потезе и слично) ставља на најнижи ниво специфичности. На пример . Ово стилизира елемент, али га је врло лако надјачати у ЦСС-у.
• Напредне опције> Децимална места : Ако сте у коду претраживали а , тада знате да вредности које одређују те облике могу бити супер прецизне. Међутим, они су често превише прецизни и додају укупној величини СВГ датотеке. Будући да сте овде вероватно сачували главну датотеку, можете је задржати прилично високу, јер величина датотеке не забрињава.
• Напредне опције> Кодирање : Нисам љубитељ УТФ кодирања, али остављајући ово на „Уницоде УТФ-8“ осигурава повратну компатибилност. Такође, величине датотека УТФ-8 су обично мање од УТФ-16, тако да је то само по себи добитак.
• Напредне опције> Одзивно : Ако ово не потврдите, поставиће се фиксни heightи widthатрибути на СВГ. Проверавам ову опцију јер ми омогућава да поставим те атрибуте у коду или у ЦСС-у.

Метод 2: Извоз као

Други начин да преузмете СВГ из Адобе Иллустратор-а је одабир File > Export > Export As… опције из главног менија. Међутим, постоји други начин да се стигне помоћу панела „Радње“ у радном простору Иллустратор.

Ова опција је идеална ако знате да ћете ову датотеку користити директно на вебу и не планирате касније да се петљате са дизајном. Омогућава мање поставки и неколико опција које омогућавају датотеци да је додатно оптимизује ради бољих перформанси. У ствари, најбоље је то радити на копији датотеке, а не на самој главној датотеци, тако да постоји једна верзија која се касније може отворити и уредити у Иллустратору, а друга која је погоднија за приказивање на продукцијској веб локацији.

• Стилизовање : Ову смо обрадили раније у поставкама Метода 1, али овде одабирем „Атрибути презентације“, јер је то начин за организовање својстава на атрибутима највишег нивоа. То додаје ред маркирању, флексибилност у могућности да стилизовамо наредне атрибуте помоћу ЦСС-а и често доводи до мањих величина датотека.
• Фонт : Ово је још један који смо покрили горе, али одабиром „Цонверт то Оутлинес“ замењује глифове за векторске путање за знакове, што осигурава правилно приказивање текста.
• Слике : Ово је још једна она коју смо покрили горе, али одабир „Линк“ спречиће уметање растерских слика у СВГ, што датотеку чини много већом.
• ИД-ови објеката : Ова поставка даје Иллустратор-у наредбе за марширање како да именује ИД-ове у маркирању. Можете му рећи да именује ИД-ове на основу тога како су слојеви именовани у датотеци.
• Децимално : Мање децимала у коду значе мање величине датотека. Подесите ово на 1идеално и у реду у многим случајевима и неће имати приметну разлику у дизајну, али 2је обично сигурно. У сваком случају, вреди проверити како се СВГ приказује.
• Умањи : Да, молим те! Ово смањује код да би се смањио размак и повећале веб перформансе, слично као и смањивање ЦСС-а.
• Респонсиве : Тачно као и код прве методе, одабир ове опције је идеалан јер би фиксни heightи widthатрибути иначе били постављени на СВГ.