less/less.js

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

Open

#3,105 opened on Sep 22, 2017

View on GitHub
 (1 comment) (3 reactions) (0 assignees)JavaScript (3,517 forks)batch import
good first issuelow priorityup-for-grabs

Repository metrics

Stars
 (16,977 stars)
PR merge metrics
 (Avg merge 19d 1h) (15 merged PRs in 30d)

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.

Contributor guide

Research direction
Examine Less's data uri function (source/less/functions/data uri.js) and optimize SVG URL encoding per the referenced CodePen article.
Tech stack
javascript
Domain
frontend
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
Half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
CSSSVGLess
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
40