less/less.js

[Feature Proposal] Better-optimized SVG encoding than URL-encoding and base64

Open

#3.105 geöffnet am 22. Sept. 2017

Auf GitHub ansehen
 (1 Kommentar) (3 Reaktionen) (0 zugewiesene Personen)JavaScript (16.977 Stars) (3.517 Forks)batch import
good first issuelow priorityup-for-grabs

Beschreibung

I just came across this article which is relevant to Less w/ data-uri encoding: https://codepen.io/tigt/post/optimizing-svgs-in-data-uris

Basically, there was a discussion in the past about base64 vs. URL encoding for SVGs. (See: #2250 and #2184) There are a few additional optimizations in URL encoding that can make the encoding even smaller, as discovered by the research on that article. This is an improvement since URL-encoding by itself can inflate the output greater than base64 encoding.

Contributor Guide

Tech Stack
javascriptcss
Domain
performancebuild system
Issue Type
feature
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-2 days
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
stale
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
clear
Voraussetzungen
Understanding of Less .data uri() functionKnowledge of URL encoding vs base64Ability to read Less source code
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
40
Research-Richtung
Examine the current data uri encoding implementation in Less's source code (likely in lib/less/functions/data uri.js). Review the discussions in #2250 and #2184 for historical context. Study the techniques described in the linked article (codepen.io/tigt/post/optimizing svgs in data uris) to understand potential optimizations. Implement a new encoding strategy that chooses the most compact representation between URL encoding, base64, and other optimized URL encoding methods, then submit a pull request.