react-navigation / react-navigation/react-navigation.github.io

Improve/Update React-Navigation SVGs

Offen
#1,270 1 Kommentar 1 Reaktion 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Vorherrschende Sprache
JavaScript
Sterne
324
Forks
2k
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

Problem

All react-navigation SVGs are not optimized properly. And they have big file size of around 33 KB which is because these SVGs has many control points.
SVG Files
https://github.com/react-navigation/react-navigation.github.io/blob/main/static/img/spiro.svg
https://github.com/react-navigation/react-navigation.github.io/blob/main/static/img/spiro_header.svg
https://github.com/react-navigation/react-navigation.github.io/blob/main/static/img/spiro_white.svg

Solution

This problem can be solve if we can reprocess the icon with curves rather than one-by-one control points.

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginnen Sie mit static/img/spiro.svg, static/img/spiro_header.svg und static/img/spiro_white.svg und vergleichen Sie deren aktuellen Dateigrößen und ihr gerendertes Erscheinungsbild. Verarbeiten Sie die drei Assets erneut, sodass ihre Kurven weniger Kontrollpunkte verwenden, und überprüfen Sie, dass die SVGs visuell gleichwertig bleiben und dabei ihre Größe reduzieren.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Bereich
documentation
Issue-Typ
Refactoring
Schwierigkeit
2/5
Geschätzter Aufwand
1-3 Stunden
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
42/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.