less/less.js

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

Open

#3,105 opened on 2017年9月22日

GitHub で見る
 (1 comment) (3 reactions) (0 assignees)JavaScript (16,977 stars) (3,517 forks)batch import
good first issuelow priorityup-for-grabs

説明

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.

コントリビューターガイド

技術スタック
javascriptcss
領域
performancebuild system
Issue 種別
feature
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-2 days
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
stale
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
clear
前提条件
Understanding of Less .data uri() functionKnowledge of URL encoding vs base64Ability to read Less source code
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
40
調査方針
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.