SVG Оновчтой болгогч гэж юу вэ?
"SVG Оновчтой болгогч" нь графикийн харагдах байдлыг өөрчлөхгүйгээр SVG кодыг цэвэрлэж, хэмжээг нь багасгах зориулалттай үнэгүй онлайн хэрэгсэл юм. Хэрэглэгч өөрийн SVG кодыг оролтын талбарт нааж өгөхөд тус хэрэгсэл нь кодыг боловсруулж, шаардлагагүй хэсгүүдийг устгадаг. Үүний дараа оновчтой болгосон SVG код нь анхны хувилбараасаа хэр зэрэг жижиг болсныг харуулж, багасгасан кодыг хуулж авах эсвэл татаж авах боломжийг олгодог.
Энэхүү хэрэгсэл нь вэб хуудасны ачааллах хурд болон хэрэглэгчийн туршлагыг сайжруулахын тулд дотоод (inline) дүрс тэмдэг, зураг чимэглэлийн хэмжээг багасгах шаардлагатай вэб хөгжүүлэгчид, дизайнер, хэрэглэгчдэд зориулагдсан болно.
Оновчтой болгох явцад юуг устгаж, юуг хэвээр үлдээдэг вэ?
Энэхүү хэрэгсэл нь графикийн чанарыг алдагдуулахгүйгээр кодыг аюулгүй цэвэрлэх зарчмаар ажилладаг.
Оновчтой болгох явцад дараах элементүүдийг кодоос аюулгүйгээр устгадаг:
- Тайлбар (comments)
- Мета өгөгдөл (metadata)
- Редакторын нэрийн зай (editor namespaces)
- Атрибутын илүүдэл зай (extra attribute spacing)
- Ашиглагдаагүй нэрийн зай (unused namespaces)
- Богино эквивалент өнгөнүүд (shorter equivalent colors)
Дараах элементүүдийг өөрчлөхгүйгээр хэвээр үлдээдэг:
viewBox- ID-нууд
- Шошго (labels)
- Геометр (geometry)
Мөн тус оновчтой болгогч нь замын (path) дахин бичилт, ID-г өөрчлөх, viewBox-ийг устгах болон нарийвчлалын тойргоос зайлсхийдэг.
Оролтын өгөгдөлд тавигдах шаардлага ба хязгаарлалт
Хэрэгслийг зөв ажиллуулахын тулд оролтын SVG код нь дараах шаардлагыг хангасан байх ёстой:
- Формат: Зөвхөн ердийн дотоод (inline) SVG кодыг дэмжинэ.
- Аюулгүй байдлын хязгаарлалт: Баримт бичгийн төрөл (doctype) эсвэл тусгай энтитийн (custom entity) тунхаглал бүхий SVG-үүдийг аюулгүй байдлын үүднээс блоклодог.
- Хэмжээний хязгаарлалт: SVG код нь тодорхой тэмдэгтийн хязгаараас хэтрээгүй, доогуур байх ёстой.
Алдааны мэдэгдлүүд ба тэдгээрийн шалтгаан
Хэрэв оролтын өгөгдөл шаардлага хангахгүй эсвэл боловсруулах явцад асуудал гарвал систем дараах алдааны мэдэгдлүүдийг харуулдаг:
- Эхлээд SVG кодоо наана уу. — Оролтын талбар хоосон байх үед "Оновчтой болгох" товчийг дарвал энэ мэдэгдэл гарна.
- <svg> элемент олдсонгүй. — Оруулсан текст дотор SVG элемент байхгүй тохиолдолд харагдана.
- Энэ SVG нь баримт бичгийн төрөл (doctype) эсвэл тусгай энтити ашиглаж байна. Оновчтой болгохоос өмнө үүнийг устгана уу. — Аюулгүй байдлын үүднээс хаагдсан баримт бичгийн төрөл эсвэл тусгай энтитийн тунхаглал илэрсэн үед гарна.
- Энэ SVG энэ хэрэгсэлд хэтэрхий том байна. Тэмдэгтийн хэмжээг
{max}-аас доош байлгана уу. — Оруулсан SVG код нь зөвшөөрөгдөх тэмдэгтийн дээд хязгаараас хэтэрсэн тохиолдолд харагдана. - Хэтэрхий их хугацаа шаардсан тул зогсоолоо — жижиг SVG сонгоно уу. — Оновчтой болгох процесс 15 секундээс илүү хугацаа шаардаж, хугацаа хэтэрсэн тохиолдолд систем ажиллагааг зогсоож энэ алдааг заана.
- Энэ SVG-ийг оновчтой болгож чадсангүй. — Бусад тодорхойгүй шалтгаанаар оновчтой болгох боломжгүй үед гарах ерөнхий алдааны мэдэгдэл.
Хэрэв оновчтой болгох процесс явагдаж байх үед оролтыг цэвэрлэх эсвэл өөрчлөх үйлдэл хийвэл тухайн ажиллагаа шууд зогсоно.
Үр дүнг хэмжих ба статистик үзүүлэлтүүд
Оновчтой болгох үйлдэл амжилттай дууссаны дараа хэрэгсэл нь дараах статистик мэдээллийг харуулдаг:
- Эх хувь: Анхны SVG кодын хэмжээг байтаар харуулна.
- Үр дүн: Оновчтой болгосон SVG кодын хэмжээг байтаар харуулна.
- Хэмнэсэн: Хэмнэсэн зайг байтаар болон хувиар илэрхийлж харуулна.
Амжилттай болсон үед "Оновчтой болгосон — {pct}% жижиг болсон ({saved} хэмнэсэн)." гэсэн мэдэгдэл гарна. Хэрэв аюулгүй цэвэрлэгээний тохиргооны улмаас файлын хэмжээнд ямар нэгэн өөрчлөлт ороогүй бол систем "Оновчтой болгосон. Аюулгүй цэвэрлэгээний тохиргоогоор хэмжээ хэмнэгдсэнгүй." гэсэн мэдэгдлийг харуулдаг.
Нууцлал ба өгөгдөл хамгаалалт
Энэхүү хэрэгслийг ашиглахад таны хувийн нууцлал бүрэн хангагдана. Таны оруулсан SVG кодыг зөвхөн таны вэб хөтөч дотор оновчтой болгодог бөгөөд BroBroGo сервер рүү ямар нэгэн өгөгдөл илгээгдэж, хуулагдахгүй.
Түгээмэл асуултууд (FAQ)
Энэ нь юуг устгадаг вэ?
Энэ нь тайлбар, мета өгөгдөл, редакторын нэрийн зай (namespace), атрибутын илүүдэл зай, ашиглагдаагүй нэрийн зай болон богино эквивалент өнгөнүүдийг устгадаг. Харин viewBox, ID, шошго болон геометрийг хэвээр үлдээдэг.
Энэ нь SVG бүрийг оновчтой болгож чадах уу?
Энэ нь ердийн дотоод (inline) SVG кодыг боловсруулдаг. Баримт бичгийн төрөл (doctype) эсвэл тусгай энтитийн тунхаглал бүхий SVG-үүдийг аюулгүй байдлын үүднээс хязгаарладаг. Тэдгээр тунхаглалыг устгаад дахин оролдоно уу.
Энэ нь графикийн харагдах байдлыг өөрчлөх үү?
Оновчтой болгогч нь замын (path) дахин бичилт, ID-г өөрчлөх, viewBox-ийг устгах болон нарийвчлалын тойргоос зайлсхийдэг. Хэрэв таны SVG загварчлалын явцад тайлбар эсвэл мета өгөгдлөөс хамаардаг бол эх хувийг нь хадгалж үлдэхийг зөвлөж байна.