Kalkulator DPI / PPI ekranu

Czym jest DPI ekranu?

DPI (Dots Per Inch, punkty na cal) lub PPI (Pixels Per Inch, piksele na cal) mierzy gęstość pikseli wyświetlacza — ile pikseli jest upakowanych w każdym calu ekranu. Wyższe DPI oznacza ostrzejszy tekst i obrazy. Monitor 4K ma więcej pikseli niż monitor 1080p tego samego fizycznego rozmiaru, co skutkuje wyższym DPI i ostrzejszym obrazem.

Narzędzie oblicza DPI na podstawie rozdzielczości i fizycznego rozmiaru ekranu. Pomaga też określić idealne odległość widzenia i czy wyświetlacz jest uważany za 'Retina' lub 'HiDPI' — gdzie pojedyncze piksele są zbyt małe, aby je zobaczyć przy normalnej odległości, tworząc płynny, podobny do druku obraz.

Jak korzystać z tego narzędzia

Wpisz rozdzielczość ekranu (szerokość × wysokość w pikselach) i fizyczny rozmiar przekątnej (w calach). Narzędzie oblicza wartość DPI/PPI i informuje o rzeczywistych wymiarach pikseli na cal. Pokazuje też, jak Twój wyświetlacz wypada w porównaniu z typowymi standardami i w jakiej odległości piksele stają się niewidoczne dla ludzkiego oka.

Typowe wartości DPI wyświetlaczy

• 96 DPI — tradycyjny standard Windows, typowy dla starszych monitorów.
• 110–140 DPI — typowy dla nowoczesnych monitorów 24–27 cali przy 1080p–1440p.
• 220–260 DPI — wyświetlacze Retina/HiDPI (MacBook, iPhone, flagowe telefony Android).
• 300+ DPI — premium smartfony i tablety. Pojedyncze piksele są niewidoczne przy dowolnej normalnej odległości.

DPI w projektowaniu i tworzeniu stron

Projektanci muszą uwzględnić zmienne DPI podczas tworzenia zasobów cyfrowych. Obraz, który wygląda ostro na standardowym monitorze 96 DPI, może wyglądać rozmycie na wyświetlaczu Retina. Dlatego deweloperzy serwują obrazy 2× i 3× używając srcset. CSS używa zapytań media device-pixel-ratio do dostosowania stylów. Rozumienie DPI jest niezbędne do tworzenia zasobów, które wyglądają ostro na wszystkich wyświetlaczach.

Najczęściej zadawane pytania

Jaka jest różnica między DPI a PPI?

PPI (piksele na cal) odnosi się do wyświetlaczy ekranowych — liczba pikseli na cal. DPI (punkty na cal) technicznie odnosi się do drukowania — liczba kropek tuszu na cal. W praktyce terminy są często używane zamiennie podczas omawiania ekranów, choć PPI jest technicznie poprawne dla wyświetlaczy. Narzędzie używa obu terminów dla jasności.

Jakie DPI jest uważane za jakość 'Retina'?

Apple ukuło 'wyświetlacz Retina' dla ekranów, gdzie piksele są nierozróżnialne przy typowej odległości widzenia. Dla telefonów (trzymanych w odległości ~25 cm) to około 300+ PPI. Dla tabletów (~38 cm): około 264 PPI. Dla laptopów (~50 cm): około 220 PPI. Dla monitorów biurkowych (~70 cm): 110–140 PPI nadal może wyglądać ostro. Próg zależy od odległości widzenia — im dalej, tym niższe PPI nadal wygląda ostro.