Menu
Załóż konto

Obrazek podglądu GitHub z Twojego repozytorium

Wpisz repozytorium. Pobierzemy z GitHuba jego nazwę, opis, gwiazdki, forki i język i ułożymy je na karcie 1280×640 — w rozmiarze, o który prosi GitHub. Pobierz ją i wgraj w ustawieniach repozytorium.

Kolor akcentu
Motyw

Tylko publiczne repozytoria. Za darmo: 5 obrazków na godzinę z jednego adresu, z małym znakiem wodnym.

Tu pojawi się podgląd 1280×640.

Jak to działa

  1. Wyciągamy właściciela i nazwę i pytamy publiczne API GitHuba o repozytorium — nigdy inny adres.
  2. Nazwa, właściciel, opis, gwiazdki, forki i główny język trafiają do wbudowanego szablonu repozytorium GitHub, razem z awatarem właściciela.
  3. Chrome renderuje go w 1280×640 jako PNG.

Jak ustawić go na GitHubie

  1. Otwórz repozytorium na GitHubie i wejdź w Settings (potrzebujesz uprawnień administratora repozytorium).
  2. W sekcji General znajdź Social preview i kliknij Edit → Upload an image…
  3. Wybierz pobrany tu plik PNG. GitHub wymaga co najmniej 640×320 px, zaleca 1280×640 i przyjmuje PNG, JPG albo GIF poniżej 1 MB.
  4. Udostępnij link do repozytorium: X, LinkedIn, Slack i Discord pokażą nową kartę. Przepuść go przez sprawdzanie Open Graph, żeby ją zobaczyć.

Aktualny podgląd prosto z kodu

Szablon github-repo to jeden z 153 wbudowanych szablonów API Shareglint. Renderuj go w CI przy każdym wydaniu, ze świeżymi liczbami — 100 obrazków miesięcznie za darmo.

Zacznij za darmo — 100 obrazków miesięcznie Generator obrazków OG

Pytania

Czym jest social preview na GitHubie?

To obrazek, którego GitHub używa jako og:image repozytorium — karta, którą ludzie widzą po udostępnieniu linku na X, LinkedInie, Slacku czy Discordzie. Bez niego GitHub generuje zwykłą kartę.

Jaki rozmiar ma obrazek podglądu na GitHubie?

GitHub zaleca 1280×640 pikseli i wymaga co najmniej 640×320, jako PNG, JPG albo GIF poniżej 1 MB. To narzędzie renderuje dokładnie 1280×640.

Czy działa dla prywatnych repozytoriów?

Nie. Czytamy tylko to, co GitHub pokazuje każdemu bez logowania.

Czy liczba gwiazdek zaktualizuje się sama?

Nie — wgrany obrazek jest stały. Żeby liczby były aktualne, renderuj kartę z kodu: szablon github-repo przez API, według harmonogramu albo przy każdym wydaniu.