"Proporcje obrazu" lub inaczej "współczynnik proporcji" ("aspect ratio" w języku angielskim) w kontekście umieszczania zdjęć na stronie internetowej oznacza relację między szerokością a wysokością obrazu.
Przykładowo dla obrazu o proporcjach 4:3, szerokość wynosiłaby 4 jednostki, a wysokość 3 jednostki. Wartość ta jest istotna przy dostosowywaniu wyglądu obrazów na stronie internetowej.
Przykłady różnych proporcji dla zdjęć:
Ustawianie współczynnika proporcji dla zdjęć, stanowi przydatną funkcję w różnych sytuacjach podczas projektowania strony internetowej. Poniżej prezentujemy niektóre z nich:
Po umieszczeniu zdjęcia na stronie, możesz zastosować dla niego proporcje obrazu. Jest to bardzo wygodna funkcja gdyż nie musisz edytować zdjęcia w programie graficznym aby zmienić sposób w jaki się wyświetla na ekranie. Pamiętaj tylko, że zdjęcie może być przycięte więc wybierz takie, które nie straci znaczenia lub istotnych detali po zmianie jego aspect ratio.
Korzystając z proporcji obrazu, nie zawsze będzie widoczne całe zdjęcie, ale można kontrolować jego położenie za pomocą parametru "Pozycja obrazu". Domyślnie środek zdjęcia zajmuje centralne miejsce.
1. Wejdź do kreatora i kliknij w obraz w obszarze roboczym, przejdź do jego ustawień w Inspektorze.
2. W zakładce "Styl" wybierz opcję "Wypełnij". Obraz wypełni wybrane proporcje.
3. Wybierz proporcje jakie chcesz zastosować.
4. Wybierz pozycję zdjęcia w wybranych proporcjach.
5. Zapisz i opublikuj stronę.
Zobacz to na krótkim filmiku:
Proporcje (aspect ratio) dostępne w kreatorze
W kreatorze Najszybsza masz do wyboru najczęściej stosowane proporcje zdjęć w projektowaniu stron, na blogach i w sklepach internetowych.
Przykład bloga z ustawionymi proporcjami zdjęć 3:2
Nawet jeżeli używasz głównych zdjęć dla wpisów o różnych wymiarach to wyświetlą się one zawsze, na każdym urządzeniu w proporcjach 3:2. Wprowadza to porządek na stronie bloga.
Przykład sklepu internetowego z ustawionymi proporcjami zdjęć 1:1
W sklepie również warto pokazywać zdjęcia produktów o tych samych proporcjach. Sklep wygląda wtedy elegancko i przejrzyście. Tutaj masz przykład listy produktów ze zdjęciami ustawionymi w aspect ratio 1:1 (kwadraty).
Przykład sklepu z ustawionymi proporcjami zdjęć 3:4
Możesz wybrać proporcje zdjęć, które są najczęściej stosowane dla twojego asortymentu. Dla odzieży, akcesoriów, biżuterii mogą to być współczynniki 2:3 lub 3:4 czyli w orientacji pionowej.
Przykład sklepu z ustawionymi proporcjami zdjęć 1:1.4
Dla książek i ebooków masz do wyboru kilka rodzajów najczęściej stosowanych na rynku wydawniczym proporcji dla okładek. Wybierz takie, w których wydane są twoje pozycje. Pamiętaj aby na stronie produktu ustawić takie same proporcje dla okładki.
