Wymiary emoji i limity plików na różnych platformach
Porównaj wymiary i rozmiary plików emoji na Slacku, Discordzie i Twitchu, a następnie sprawdź przezroczystość i czytelność.
1. Porównaj wymiary i limity platform
Poniższa tabela pomoże przygotować pliki własnych emoji. Rozmiar 128×128 dla Slacka i Discorda jest zaleceniem projektowym, a trzy rozmiary Twitcha dotyczą ręcznego przesyłania.
| Platforma | Wymiary (px) | Zalecany rozmiar pliku | Formaty |
|---|---|---|---|
| Slack | Zalecane 128×128 | Zalecane do 128KB | PNG / GIF / JPG |
| Discord | Zalecane 128×128 | Poniżej 256KB | PNG / GIF / JPG / WebP |
| Twitch (statyczne, przesyłane ręcznie) | 28×28 / 56×56 / 112×112 | Do 1MB na plik | PNG |
2. Odróżnij wymiary w pikselach od rozmiaru pliku
128×128 oznacza liczbę pikseli w poziomie i pionie, natomiast KB określa ilość danych w pliku. Pliki o tych samych wymiarach mogą mieć różne rozmiary z powodu liczby kolorów lub klatek GIF-a. Oprócz szerokości i wysokości sprawdź też rozmiar zapisanego pliku.
3. Użyj kwadratu i przezroczystego tła
Umieść główny kształt pośrodku kwadratowego płótna i pozostaw niewielki margines przy krawędziach. Przezroczystość pomaga dopasować emoji do czatu, ale ciemne litery mogą zniknąć w ciemnym motywie. Sprawdź efekt na jasnym i ciemnym tle, a w razie potrzeby dodaj kontrastowy obrys.
4. Sprawdź wszystkie trzy rozmiary Twitcha
Do ręcznego przesyłania statycznych emotek na Twitchu przygotuj osobne pliki PNG o wymiarach 28×28, 56×56 i 112×112. Utwórz tutaj PNG, zmień jego rozmiar na każdy z trzech w edytorze obrazów i sprawdź, czy mimika lub tekst pozostają czytelne przy 28×28. W oficjalnej pomocy osobno sprawdź wymagania automatycznej zmiany rozmiaru oraz przesyłania animowanych emotek.
5. Sprawdź plik przed przesłaniem
Dla statycznych emoji zacznij od PNG, a GIF wybierz wtedy, gdy potrzebujesz animacji. Ułatwi to zarządzanie plikami. Sprawdź wymiary, rozmiar pliku, przezroczystość, zapętlenie oraz uprawnienia do przesyłania. Zasady platform i limity mogą się zmieniać, więc aktualne wymagania sprawdź w oficjalnej pomocy poniżej.