less/less.js

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

Open

#3 105 ouverte le 22 sept. 2017

Voir sur GitHub
 (1 commentaire) (3 réactions) (0 assignés)JavaScript (16 977 stars) (3 517 forks)batch import
good first issuelow priorityup-for-grabs

Description

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.

Guide contributeur

Stack technique
javascriptcss
Domaine
performancebuild system
Type d'issue
feature
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-2 days
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
stale
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
clear
Prérequis
Understanding of Less .data uri() functionKnowledge of URL encoding vs base64Ability to read Less source code
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
40
Direction de recherche
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.