Ты делаешь не правильно 😬! base64 и ASCII

Опубликовано: 21 Ноябрь 2024
на канале: Maksym Fariga
4,821
121

Если ты делал так: брал SVG-иконку, преобразововал ее в base64 для вставки в data:URL, то у меня для тебя плохие новости.
Просто закодировать в URL - тоже не выход, так как файл будет еще большего размера.

Какой же выход?
Использовать URL-кодирование, но заменить двойные кавычки на одинарные. Но это не все. Не все авоматические конверторы могут это сделать, большинство будет преобразовывать и одинарные кавычки тоже.

#css #css3 #js #javascript #frontend #html #web #webdevelopment #htmlcss #html5 #csshtml #css3html5 #css3code #css3tutorial #htmltutorial #htmlelements #csscourse #csstutorialscool #csstricks #csshovereffect #csshover #csshovereffects #webdev #cssanimation #csstransition #csstricks #htmlcss3 #fullstack #cssamazing #cssfeatures #csseasy #cssbasic #csslesson #csscourse #cssteach #vue #react #angular #svelte #vanillajs #animation #cssawesome #learncss #course #programming #crash_course #learning #fariga

Подписывайтесь на меня в соц. сетях:
👨‍💻 LinkedIn -   / maksymfariga  
📷 Instagram -   / maksym_fariga   (@maksym_fariga)
📖 Facebook -   / maksymfariga  
🐤 Twitter -   / fariga_m  
🛩 Telegram - https://t.me/web_education_new

🪄 user-select - Выделяй правильно 👉    • CSS ::highlight(⭐️) - Вы о нем даже н...   ✍️
🥷 ::file-selector-button - ПОСЛЕДНЯЯ НАДЕЖДА CSS 👉    • CSS ::highlight(⭐️) - Вы о нем даже н...   ✍️
⭐️ CSS ::highlight() - Вы о нем даже не СЛЫШАЛИ 🤌 👉    • CSS ::highlight(⭐️) - Вы о нем даже н...   ✍️
🤩 НОВЫЕ ЕДИНИЦЫ измерения в CSS / полный разбор с примерами на РЕАЛЬНЫХ📱 устройствах 👉    • Основы CSS - НОВЫЕ 🤩 ЕДИНИЦЫ измерени...   ✍️