1

Bądź widoczny w Internecie

Strona internetowa to najtańsza i najskuteczniejsza forma reklamy. Bądź widoczny także w sieci i przedstaw swoją ofertę milionom odbiorców!

Zobacz Ofertę
2

Zadbaj o wizerunek firmy

Wizytówka w sieci jest istotnym elementem budowania wizerunku. Pozwól zachęcić klientów do skorzystania z Twoich usług.

Zobacz Projekty
3

Budowa stron od A do Z

Praca nad oferowanymi stronami zaczyna się od projektu graficznego, a kończy na integracji z przyjaznym i łatwym w obsłudze system zarządzania treścią.

Zobacz Ofertę

Rozmiar czcionki z Photoshopa do CSS

Przy cięciu i kodowaniu layutów z Photoshopa, warto zadbać o szczegóły, by szablon w HTML oraz CSS jak najbardziej odzwierciedlał zamysł grafika. Z pobraniem szerokości oraz wysokości elementów layoutów nie jest ciężko, ale co z rozmiarem czcionki? Przecież w pliku PSD jest ona podana wraz z rozszerzeniem "pt", a w kaskadowych arkuszach stylu najczęściej definiujemy ją przy użyciu pikseli.

Recepta na ten problem jest prosta. Wystarczy krótki wzór matematyczny. Wygląda on tak:

wielkość czcionki w PX = (wielkość czcionki w PT / PPI pliku PSD) * DPI przeglądarki

Rozdzielczość pliku graficznego możemy sprawdzić poprzez menu Image -> Image Size. Zazwyczaj ma ona wartość równą 72. Liczba DPI przeglądarki na Windows to 96, a na OSX 72 i w takim przypadku nie trzeba niczego zamieniać. Zatem czcionka o rozmiarze 14pt wynosi 14px na Macu, a na Windowsie zyska następującą wartość:

wielkość czcionki w PX = (14/72)*96 = 18.7

Komentarze

John

You actually mentioned that fantastically. https://bucketlist.org/idea/6LiG/ideas-to-assist-properly-deal-with...

Michael

Many thanks! Excellent information. https://bucketlist.org/idea/6LiG/ideas-to-assist-properly-deal-with-nervou...

Michael

Kudos, I like it. https://bucketlist.org/idea/6LiG/ideas-to-assist-properly-deal-with-nervousness/...

Social Media

facebook logo