Praca ze zdjęciami
W DMScms dostępne są gotowe układy zdjęć, które pozwalają precyzyjnie określić pozycję grafiki względem tekstu. Dzięki temu można łatwo dopasować wygląd treści do charakteru podstrony, bez ręcznego formatowania.
Dobre praktyki
- Przed dodaniem zdjęcia zoptymalizuj jego rozmiar, aby skrócić czas ładowania strony.
- Zawsze uzupełniaj tekst alternatywny (ALT).
- Zachowuj proporcje obrazu podczas zmiany jego wymiarów.
- Stosuj odstępy między obrazkiem a tekstem, aby poprawić czytelność.
- Korzystaj z formatów JPG, PNG lub GIF odpowiednio do rodzaju grafiki.
Wskazówka SEO
Uzupełniaj tekst alternatywny (ALT) każdej grafiki i stosuj nazwy plików opisujące ich zawartość, np. hala-produkcyjna.jpg zamiast IMG_001.jpg.
Wskazówka UX
Dopasuj wielkość zdjęcia do ilości tekstu. Zbyt duże grafiki mogą utrudniać czytanie i zaburzać układ strony.
Jak dodać układ ze zdjęciem?
Do dyspozycji użytkownika są następujące warianty rozmieszczenia:
Zdjęcie z lewej strony otoczone tekstem – grafika po lewej, tekst opływa zdjęcie.
Zdjęcie z prawej strony otoczone tekstem – grafika po prawej, tekst opływa zdjęcie.
Zdjęcie w lewej kolumnie – zdjęcie i tekst wyświetlane są w osobnych kolumnach.
Zdjęcie w prawej kolumnie – analogiczny układ kolumnowy z grafiką po prawej stronie.
Zdjęcie nad tekstem – grafika wyświetlana jest nad treścią tekstową.
Tylko nagłówek / tytuł – wiersz zawiera wyłącznie nagłówek, bez wyświetlania zdjęcia.
Parametry zdjęć
Każde zdjęcie dodane w wierszu może zostać dodatkowo skonfigurowane za pomocą poniższych parametrów:
Alt – tekst alternatywny wyświetlany zamiast zdjęcia (np. gdy grafika się nie załaduje); istotny także dla dostępności i SEO.
Opcje – określenie zachowania zdjęcia po jego kliknięciu lub powiększeniu.
Rozmiar – wybór rozmiaru miniaturki zdjęcia.
Podpis – tekst wyświetlany bezpośrednio pod zdjęciem.
Przekierowanie – adres lub podstrona, do której użytkownik zostanie przeniesiony po kliknięciu zdjęcia.
Zastosowanie gotowych układów oraz parametrów zdjęć pozwala zachować spójny wygląd strony, poprawia czytelność treści i ułatwia zarządzanie grafikami w serwisie.
Zdjecie z lewej strony otoczone tekstem
Zdjecie z prawej strony otoczone tekstem
Zdjęcie w lewej kolumnie
Zdjęcie w prawej kolumnie
Zdjęcie nad tekstem
Tylko nagłówek / tytuł
Najczęstsze problemy
| Problem | Rozwiązanie |
|---|---|
| Zdjęcie nie wyświetla się po zapisaniu. | Sprawdź, czy plik został poprawnie przesłany oraz czy ścieżka do obrazka jest prawidłowa. |
| Zdjęcie jest rozciągnięte lub zniekształcone. | Zachowaj proporcje podczas zmiany rozmiaru, korzystając z blokady proporcji. |
| Tekst przylega do zdjęcia i jest nieczytelny. | Ustaw odpowiednie odstępy poziome i pionowe w ustawieniach obrazu. |
| Kliknięcie zdjęcia nie otwiera wskazanej strony. | Zweryfikuj ustawienia hiperłącza oraz poprawność adresu URL lub wybranej podstrony. |
| Zdjęcie wygląda dobrze na komputerze, ale źle na telefonie. | Sprawdź jego wymiary i rozmieszczenie, a w razie potrzeby użyj mniejszej grafiki lub standardowego układu ze zdjęciem. |