Cyfrowe kabiny
Dopasuj czy wypełnij: dlaczego twarz zostaje przycięta na fotostrypie
Przykład pokazuje, jak różne proporcje kadru powodują przycięcie.
Zdjęcie może być ostre i nadal stracić górną część głowy po umieszczeniu w pasku. Problemem jest często różnica między kształtem obrazu źródłowego a oknem, o które został poproszony.
Dwa użyteczne zachowania
MDN odróżnia dopasowanie obrazu w obrębie pola od wypełnienia całego pola, które może przyciąć fragmenty zdjęcia. To pomaga zrozumieć podgląd szablonu, nawet jeśli edytor używa innych nazw tych opcji.
Dowody: Dokumentacja techniczna
Oblicz jeden przykład
W naszym przykładzie obraz 600 na 400 musi obejmować kwadrat 300 na 300. Skalowanie wysokości do 300 daje szerokość 450. Centrored kwadratowy plony usuwa 75 pikseli z każdej strony tego skalowanego obrazu. Zamiast tego dopasowanie pełnego obrazu pozostawia przestrzeń powyżej i poniżej. Rezultat nie jest porażką; służą one różnym priorytetom.
Wybierz kadr przed ułożeniem kompozycji
Jeśli twarz lub gest znajduje się w pobliżu krawędzi, ubierz kopię celowo przed dodaniem jej do układu lub wybierz okno bliżej pierwotnego stosunku. Sprawdź wszystkie ramki w zakończonym podglądzie. Granica, która rozgląda się wokół pierwszego zdjęcia może ukryć ważny szczegół w czwartym.
Źródła i dalsza lektura
Źródła konkretnych faktów i opisów produktów powyżej. Nasze sprawdzone przykłady, interpretacje i praktyczne sugestie stanowią oryginalne wskazówki redakcyjne.
- MDN — object-fitDokumentacja techniczna