Przycinanie zdjęć wyświetlanych na stronie


Menu Główne » Instrukcja strony (CMS MODx) » Obrazki na stronie » Przycinanie zdjęć wyświetlanych na stronie


Jak działa automatyczne kadrowanie?

Niejednokrotnie powraca temat miniatur i obrazków w naszym CMS. Są one używane w wielu miejscach, np:

  • miniaturka przy aktualności
  • miniaturka będąca okładką albumu w galerii
  • miniaturka pojedynczego obrazka w galerii
  • pojedynczy obrazek w sliderze

itp.

Miniatury / obrazki w każdym z tych przypadków są tworzone w tzw. "locie". Oznacza to, że do CMS jest wgrywany oryginalny obrazek (często wielokronie większy niż obrazek później wyświetlany i w innym rozmiarze) następnie skrypt na serwerze odpowiednio go przycina i zmniejsza do zadanej wielkości.

Dla przykładu.

Obrazek w miniaturce albumu jest wielkości 300 px (szerokość) X 200 px (wysokość) czyli:

Strony internetowe Kraków - Smartprojects.pl

My natomiast wgrywamy zdjęcie 754 px X 600 px :

Strony internetowe Kraków - Smartprojects.pl

Takie zdjęcie nie dość że:

  1. będzie zmniejszone na szerokość do wielkości 300 px
  2. to także będzie przycięte na wysokość do 200 px

Obrazuje to schemat:

Strony internetowe Kraków - Smartprojects.pl

Oczywiśćie wynikowym plikiem wyświetlanym na stronie będzie to co znajduje się pod czerwoną płachtą, czyli:

Strony internetowe Kraków - Smartprojects.pl

Kadr z dołu i z góry zawsze wypada idealnie po środku.

Tak wygląda sprawa jeśli mamy do czynienia z obrazkiem przycinanym w pionie - od góry i od dołu.

- - - - - - - - - - - - - - - - - - - - - - - - - - - -

W przypadku, gdy wgrywane zdjęcie jest panoramiczne - obrazek jest przycinany z prawej i lewej.

Dla przykładu wgrywamy obrazek o wielkości 900 x 360 px:

Strony internetowe Kraków - Smartprojects.pl

W tym przypadku odwrotnie:

  1. wysokość obrazka zostanie zeskalowana na wysokość porządaną czyli 200 px
  2. szerokość obrazka będze wycięta idalnie w środku na porządaną szerokość 300 px

Czyli obrazując to:

Strony internetowe Kraków - Smartprojects.pl

Wyjściowym efektem będzie:

Strony internetowe Kraków - Smartprojects.pl

Wybiórcze kadrowanie

Co w przypadku, gdy na zdjęciu chcemy umieścić wybraną część zdjęcia. Np. na powyższym obrazku część tylko z jeziorem?

W takiej sytuacji musimy odpowiednio zaprogramować CMS pod tym kątem i wydzielić

  1. osobne pole do wgrywania oryginalnego zdjęcia
  2. osobne pole do wgrywania miniatury

W tym drugim przypadku - do CMS muszą być wgrywane już wykadrowane zdjęcia. Kadr należy wykonać na komputerze w programie graficznym i wgrać plik w docelowym rozmiarze.

W takiej sytuacji - prosimy o kontakt z naszym zespołem.