Dodaj logo i kilka szczegółów, aby otrzymać każdą ikonę, obraz do udostępniania i tagi head w jednym .zip. Dostajesz favicon.ico, ikony PNG i Apple, manifest webowy, obraz do udostępniania 1200 na 630 i tagi head do wklejenia. Twój obraz nigdy nie opuszcza tego urządzenia. Jest darmowe.
Jak zrobić ikony i tagi, krok po kroku
- Wybierz Logo lub obraz albo upuść go na stronę. Najlepiej działa kwadratowe logo o rozmiarze co najmniej 512 px.
- Wybierz styl Obrazu do udostępniania: Logo na kolorze lub Całe zdjęcie.
- Wypełnij Nazwę strony, Tytuł strony, Opis, Adres strony i nazwę użytkownika na X.
- Wybierz Kolor tła i Kolor motywu, który barwi pasek przeglądarki w telefonie.
- Sprawdź podgląd karty do udostępniania i ikon.
- Naciśnij Pobierz .zip i Kopiuj HTML.
- Wgraj pliki do folderu plików, a potem wklej tagi w head swoich stron.
Co jest w pakiecie
favicon.ico zawiera ikony 16, 32 i 48 pikseli dla każdej przeglądarki. favicon-16.png i favicon-32.png to ostre wersje używane przez nowoczesne przeglądarki. apple-touch-icon.png jest dla ekranów głównych iPhone'a i iPada, a ikony Androida oraz site.webmanifest są używane, gdy ktoś instaluje Twoją stronę. og-image.png to obraz pokazywany, gdy Twój link jest udostępniany, a head.html ma każdy tag gotowy do wklejenia.
Uzyskanie dobrego obrazu do udostępniania
Komunikatory i serwisy społecznościowe pokazują obraz w około 1200 × 630, a potem przycinają lub zmniejszają go dla mniejszych kart, więc trzymaj tytuł krótki, a logo wyraźne. Styl Logo umieszcza logo na kolorze tła obok tytułu. Styl Zdjęcie wypełnia kartę Twoim obrazem i umieszcza tytuł nad miękkim cieniem, co najlepiej działa dla szerokich zdjęć. Obrazy do udostępniania wymagają pełnego adresu https://, więc wypełnij adres strony.
Sprawdzanie, czy działa
Po wgraniu plików otwórz stronę i obejrzyj jej źródło, aby zobaczyć tagi. Wiele stron buforuje karty do udostępniania, więc jeśli nadal pokazuje się stary obraz, dodaj wersję do adresu obrazu, na przykład og-image.png?v=2, albo poproś narzędzie podglądu linków platformy o ponowne pobranie strony.
Wskazówki
- Użyj prostego logo, które pozostaje wyraźne przy 16 pikselach.
- Wybierz kolor tła pasujący do Twojej marki.
- Napisz krótki opis, który zachęci do kliknięcia.
- Potem sprawdź swoją stronę skanem przed premierą.
Dla pełniejszego zestawu tagów, takich jak roboty i szczegóły artykułu, zobacz generator meta tagów, a dla samej ikony generator favicon.
Kto z tego korzysta
Osoby uruchamiające osobistą stronę, portfolio, sklep lub małą stronę firmową oraz programiści, którzy chcą mieć każdą ikonę i plik do udostępniania zrobione za jednym razem.
Pytania
Gdzie umieścić pliki?
Wgraj wszystko z pliku .zip do folderu plików swojej strony, a potem wklej tagi do sekcji head swoich stron.
Czy potrzebuję wszystkich ikon?
Użycie pełnego zestawu sprawia, że ikona wygląda dobrze w przeglądarkach, na ekranach głównych telefonów i gdy strona jest zainstalowana.
Czy moje logo jest przesyłane?
Nie. Wszystko powstaje w Twojej przeglądarce.