Aby zapewnić najlepsze doświadczenia, używamy technologii takich jak pliki cookie do przechowywania i/lub uzyskiwania dostępu do informacji o urządzeniu. Wyrażenie zgody na te technologie umożliwi nam przetwarzanie danych, takich jak zachowanie podczas przeglądania lub unikalne identyfikatory na tej stronie. Brak wyrażenia zgody lub jej wycofanie może niekorzystnie wpłynąć na niektóre cechy i funkcje.
To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.
Techniczne przechowywanie lub dostęp są ściśle niezbędne do uzasadnionego celu, jakim jest umożliwienie korzystania z określonej usługi wyraźnie żądanej przez abonenta lub użytkownika, lub wyłącznie w celu przeprowadzenia transmisji komunikatu za pośrednictwem sieci komunikacji elektronicznej. // The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Techniczne przechowywanie lub dostęp jest niezbędny do uzasadnionego celu przechowywania preferencji, o które abonent lub użytkownik nie prosił. // The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Techniczne przechowywanie lub dostęp wykorzystywane wyłącznie do celów statystycznych. // The technical storage or access that is used exclusively for statistical purposes.
The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Techniczne przechowywanie lub dostęp są wymagane do tworzenia profili użytkowników w celu wysyłania reklam lub śledzenia użytkownika na stronie internetowej lub na kilku stronach internetowych w podobnych celach marketingowych. // The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.
Dopytam o interesujące mnie szczegóły: Co z ekranami o podwyższonej rozdzielczości i stronami „retina ready”, jak proponujesz przygotowywać zdjęcia na takie strony? Niestety, czasy gdy standardem i w sumie jedyną słuszną opcja było 72ppi minęły. Jak przygotować szybko ładujące się obrazki w wysokiej rozdzielczości? Jakieś sugestie, porady? Będę wdzięczny za każdy dobry pomysł.
Bardzo dobrze ujęte najpotrzebniejsze informacje dotyczące pozycjonowania zdjęć. Super artykuł, pozdrawiam.
OK to ja mam jeszcze pytanie. To wszystko co napisałeś tyczy się do . Co jeśli trzeba użyć fotki w background – czy to też się da pozycjonować
Jest mnóstwo skryptów np. w php które skalują obrazy w locie
Dla mnie wszystko zależy od tego gdzie te obrazki są.
Jeśli na podstronach / galeriach – to wykorzystuje skrypty i wtyczki, które tworzą osobny plik z miniaturą, a osobny z dużą grafiką. Dodatkowo często można skorzystać z ładowania zdjęć w tle (doładowują się zdjęcia gdy przesuwamy ekran) – kiedyś korzystałem z tego pluginu do WP: https://wordpress.org/plugins/advanced-lazy-load/
Jeśli to główna strona to trzeba popracować nad wielkością zdjęć (maksymalna kompresja, przy stratach jak najmniej widocznych), odpowiednim formatem (jpg do zdjęć, png do grafik), dobieraniem odpowiedniej rozdzielczości do ekranu (skalowaniem) – na pewno pomoże jeśli włączysz też cachowanie: https://developers.google.com/speed/docs/insights/LeverageBrowserCaching
Pokaż stronę to podpowiem Ci jak można było by podkręcić ładowanie zdjęć 😉
Może być na: m.calik@delante.pl
Dzięki 😉
Jako background nie możesz dać opisów alternatywnych (alt) – screen readery nie czytają zdjęć w tle (bo to w końcu tylko zdjęcie w tle) – możesz spróbować nadać tytuł dla div, który obejmuje ten img background. A jeśli to duży i znaczący element strony to ja bym nie robił go jako background tylko wyeksponował jako normalny (zoptymalizowany pod seo) obrazek.
witajcie czy opisując zdjęcia mogę zrobić tak :
fotograf_ślubny-fotografia-fashion-fotografia_reklamowa-zdjęcia_weselne-modelka-fotograf-AndrzejJarekStudio
dotychczas stosowałem tylko _ (ukosnik dolny)
tak jak na stronie http://www.andrzejjarek.pl
Najlepiej stosować „‐” (hyphen) do rozdzielenia wyrazów w nazwach plików.
Podkreślnik dolny „_” (underscore) dla botów będzie oznaczać znak zerowy, czyli wyrazy z takiego adresu się połączą.
To samo tyczy się budowy linkowania wewnętrznego: lepiej stosować „-” niż „_”.
dzięki za informacje 🙂
a czy np. dodawać lind do zdjęcia? bo wtedy jak najeżdżam na zdjęcie to już nie wyświetla mi się nazwa zdjęcia
ja mam tak dodane jak tu http://www.adriangudewicz.pl czy tak będzie dobrze?
Bardzo ciekawy i praktyczny artykuł. Okazuje się, że nawet rodzaj znaków interpunkcyjnych ma wpływ na pozycjonowanie strony – duże zaskoczenie.
To są rzeczywiście fajne sprawy i wiem, że nasze koleżanki z działu zajmującego się social media korzystają z tego typu trików, ale na stronę internetową chcemy już profesjonalne, oryginalne projekty tylko dla nas. Chodzi przecież o wizerunek olbrzymiej marki, na tym nie można oszczędzać. Korzystamy z usług Orchidea Group. Ich studio graficzne ma już naprawdę dobrą opinię i my się możemy do tego dołożyć. Dla sporej, ambitnej firmy wysoka jakość jest najważniejszą wartością.