[AI CC-CC2022] Неправильно сохраняется svg

[Mikla]

Может кто знает. есть логотип, у него фон, сделанный режимами наложения. При сохранении в svg режимы наложения не отображаются. Как это исправить? Или может есть другой способ добиться изображения как на фото?

 

[kstati]

Попробуйте obect-expand

 

[Mikla]

Попробуйте obect-expand

пробовала и expand и flatten transparency. Цвета не такие получаются как в исходнике

 

[_MBK_]

Не совсем понимаю, зачем в этом макете вообще режимы наложения.
А так, да, если вы используете иллюстраторовские режимы наложения, то такой макет, разве что, в растр и уж никак не в svg

 

[Mikla]

попробовала поменять цвета и убрать режимы наложения, вроде похоже получилось. Но возникает один вопрос, все эти линии заключены в круглую маску. Не вылезет ли потом вся эта спрятанная за маской область?

 

[_MBK_]

Не вылезет ли потом вся эта спрятанная за маской область?

Если вы в SVG все это пихаете, то все что угодно может быть. От греха подальше, лучше обрежьте все что за пределами маски

 

[JAW]

А вы как потом его использовать планируете?
Браузеру памяти точно хватит?
Это я так... Намекаю
Может быть стоит упростить, а то это как то логотипом назвать язык не поворачивается.

 

[_MBK_]

Топикстартер вроде не просил обсуждать (чужой) логотип

 

[eugeny]

А вы как потом его использовать планируете?
Браузеру памяти точно хватит?
Это я так... Намекаю
Может быть стоит упростить, а то это как то логотипом назвать язык не поворачивается.

Браузер на мобильных устройствах может зависать, либо вообще ничего не отображать . Есть опыт, когда приходилось на сайтах с подобной проблемой svg в png конвертировать.

 

[langry]

Да там и незачем вектор размещать: PNG или JPEG

 

[kstati]

Да там и незачем вектор размещать: PNG или JPEG

Скорее набор png нужной ширины html img srcset. Jpg даст артефакты и съест прозрачность

 

[langry]

@kstati, ну, прозрачность нужна не всегда, а от артефактов хорошо помогает степень сжатия

 

[_MBK_]

Для лого здорового человека (несколько шейпов со сплошной заливкой) лучше все таки svg

 

[Mikla]

Каким должен быть логотип, закомандовал заказчик. Никогда раньше так извращаться над лого не приходилось. И нужно ему именно svg. Вопрос только в том, что когда по маске пытаешься обрезать при помощи trim и divide все содержимое внутри круга делит на маленькие кусочки по линиям пересечения и получается неимоверное количество точек. и получается что с маской логотип весит 80 кб, а без нее 10Мб

 

[_MBK_]

без нее 10Мб

Это вы что-то не то делаете, не может настолько увеличиться объем при обрезке круглой маской, вероятно, вы каким то образом еще и градиент разобрали на полоски или где то прозрачности так чудовищно сплющились.
В любом случае - ваш лого канонiчно нормальным не назовешь и его, чтобы не было мучительно больно, таки лучше в png запихнуть