Skip to content

Instantly share code, notes, and snippets.

@macbedn
Created March 25, 2026 21:00
Show Gist options
  • Select an option

  • Save macbedn/e2d08bbdbe30e048280d26a808463d44 to your computer and use it in GitHub Desktop.

Select an option

Save macbedn/e2d08bbdbe30e048280d26a808463d44 to your computer and use it in GitHub Desktop.
yoradio - własne logo w interfejsie www metoda 2

Poniższy poradnik krok po kroku pokazuje, jak podmienić domyślne logo w interfejsie WWW yoRadio na własne, metoda jest protsza niż druga opisana przeze mnei, daje możliwość wykorzystania dowolnej ilości kolorów ale nie synchronizuje sie z kolorami interfejsu yoradio.

Wymagania:

  • program Inkscape (do edycji grafiki wektorowej),
  • dowolny program do kompresji obsługujący format GZIP (np. 7-Zip),
  • własna grafika, najlepiej w formacie PNG z przezroczystym tłem.

Krok 1: Rozpakowanie oryginalnego pliku logo

Przejdź do katalogu źródłowego interfejsu webowego: yoRadio\data\www. Odszukaj plik o nazwie logo.svg.gz i rozpakuj go. Otrzymasz edytowalny plik logo.svg.

image

Krok 2: Edycja w programie Inkscape

Otwórz rozpakowany plik logo.svg w programie Inkscape i usuń zawartość pliku.

Krok 3: Wstawienie własnej grafiki

wklej do pliku własną grafikę - najlepiej plik png z przezroczystym tłem

image

Krok 4: Zapis i kompresja pliku

Gdy wyśrodkujesz logo na dostępnym obszarze roboczym i wszytko jest ok , zapisz plik logo.svg (stary plik dla bezpieczeństwa zapisz pod inną nazwą). Następnie skompresuj nowy plik logo z powrotem do formatu GZIP, tak aby uzyskać plik pod nazwą logo.svg.gz.

image

Krok 5: Wgrywanie pliku do yoRadio

Ostatnim etapem jest wgranie zmodyfikowanego pliku do yoRadio.

  1. Otwórz interfejs WWW swojego yoRadio.
  2. Przejdź do zakładki: Settings > Update > Board.
  3. Wgraj utworzony plik logo.svg.gz.

(Proces ten odbywa się w dokładnie tym samym miejscu, co wgrywanie całego interfejsu WWW, jednak tym razem wysyłasz wyłącznie ten jeden, podmieniony plik).

image

*Gotowe!

image

Po odświeżeniu strony w przeglądarce (często wymagane twarde odświeżenie: Ctrl+F5), zobaczysz swoje nowe logo.*

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment