TILDA CENTRUM POMOCY

Jak przygotować zdjęcia do publikacji online


Jak wybrać najlepszy rozmiar obrazu dla swojej witryny?
Przygotowanie obrazów do publikacji online pomaga w szybszym ładowaniu witryny. Wymaga to tylko dwóch kroków. Po pierwsze, należy zmienić szerokość i wysokość obrazu za pomocą edytora zdjęć, na przykład darmowego edytora online. Następnie należy skompresować obraz za pomocą kompresora obrazu -zmniejszy to rozmiar pliku.
Mniejsze obrazy ładują się szybciej. Rozmiar obrazu zależy od dwóch parametrów:
1. Szerokość i wysokość obrazu w pikselach - obrazy o rozmiarze 3000 x 2000 pikseli są większe niż obrazy 300 x 200 pikseli).
2. Zawartość obrazu - im więcej szczegółów i kolorów zawiera obraz, tym większy jest jego rozmiar.

Zalecamy, aby przygotować obraz do publikacji online, przycinając go najpierw, a następnie usuwając z niego niepotrzebne szczegóły, aby ładował się jeszcze szybciej.
Jaki jest idealny rozmiar obrazu?
Podczas przesyłania na stronę Tilda, wszystkie duże obrazy są automatycznie zmniejszane do rozmiaru 1680 pikseli. Obrazy mniejsze niż 1680 pikseli zachowują swój oryginalny rozmiar.

Ponieważ jest to proces zautomatyzowany, może on obniżyć jakość obrazu w celu jego szybszego załadowania. Dlatego warto edytować zdjęcia ręcznie: w ten sposób można lepiej zachować ich jakość.
Przed przesłaniem obrazu o dużym rozmiarze na stronę Tilda, zmniejsz rozmiar obrazu do co najmniej 1680 pikseli, jeśli jest mierzony względem jego najdłuższej krawędzi.
Najlepiej jest przesyłać obrazy w rozmiarze, w jakim powinny być wyświetlane na stronie internetowej. Jeśli zdjęcie nie ma rozmiaru, który powinien być w układzie strony, przeglądarka automatycznie skompresuje lub rozciągnie obraz. Robi to słabo, więc zdjęcie może wydawać się rozmazane.

Aby sprawdzić rozmiar obrazu, dodaj blok tekstowy do strony, włącz siatkę w ustawieniach bloku, a zobaczysz, ile kolumn zajmie obraz. Szerokość jednej kolumny wynosi 60 pikseli, a odległość między kolumnami wynosi 40 pikseli.
Jak zminimalizować rozmiar pliku graficznego?
Możesz użyć specjalnego oprogramowania, które kompresuje obrazy poprzez łączenie podobnych kolorów. Takie programy łączą kolory w tak skomplikowany sposób, że nie będziesz w stanie odróżnić "przed" i "po". Mogą one zmniejszyć rozmiar obrazu nawet o 70%.

Warto sprawdzić:
Przykłady optymalizacji obrazu
Użyjmy tego obrazu autorstwa Christopha Bengtssona Lissalde, który pobraliśmy z Unsplash, aby pokazać, jak działa optymalizacja obrazu.

Oryginalny rozmiar obrazu: 4405 x 2478 pikseli, rozmiar pliku: 3,5 MB.
Prześlijmy obraz na stronę Tilda w obecnej postaci. Obraz zostanie przycięty do 1680 x 945 pikseli, a jego rozmiar wyniesie 1,2 MB.

Otwórz oryginalny plik w Photoshopie, zmień rozmiar obrazu na 1680 x 945 pikseli i zapisz go - jego rozmiar zostanie zmniejszony do 832 KB.

Prześlij zdjęcie do TinyPNG, aby je skompresować, a otrzymasz obraz o rozmiarze 353 KB.
Udało nam się zachować jakość obrazu.
Wykonane na
Tilda