• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
miasto stron

Strony internetowe Wordpress tworzenie Miasto Stron Lublin

  • Oferta
    • Projektowanie stron internetowych
    • Tanie strony internetowe
    • Optymalizacja stron internetowych SEO
    • Obsługa stron internetowych na WordPress
  • Opinie
  • Realizacje
  • Wiedza
  • Blog
  • Kontakt

Jak przygotować zdjęcia na stronę internetową. Rozmiar i waga robią różnicę.

Uaktualnione: 10 grudnia 2021

Jednym z ważniejszych pytań jakie powinien sobie zadawać każdy właściciel strony www jest – jak przygotować zdjęcia na stronę internetową? W czasach kiedy każdy ma w kieszeni wysokiej klasy aparat fotograficzny może się wydawać, wystarczy zrobić zdjęcie, wrzucić na stronę i jest ok.

Otóż nie jest 🙂 Każdy właściciel strony internetowej musi zdać sobie sprawę, że tak jak ryby żyją w ocenie, tak strony żyją w przeglądarce Google. A Google, jak wiadomo, ma swoje wytyczne. Jedną z nich jest to, aby strony były jak najlżejsze, aby każdy użytkownik internetu, niezależnie od prędkości łącza, mógł z łatwością przeglądać internet. I tak jak ciężkie przedmioty idą na dno w ocenie, tak ciężkie strony mogą mieć problem z osiąganiem wysokich pozycji w Google, mówiąc delikatnie.

Przeczytaj także:

  • Jaki hosting wybrać, czyli najlepsze, tanie serwery www
  • Jak wybrać nazwę dla firmy. Praktyczne wskazówki
  • Strona internetowa na WordPress. Szablon, page builder, czy strona projektowana indywidualnie? Co wybrać?

jak przygotować zdjęcia na stronę internetową

O co chodzi ze zdjęciami na stronę internetową?

Po pierwsze każdy współczesny aparat fotograficzny robi większe zdjęcia niż może wyświetlić 99% ekranów na świecie. Ile bowiem jest monitorów większych niż full hd? Ekran full hd ma rozdzielczość 1920 x 1080 px, co oznacza, że jeśli nasze zdjęcie ma któryś z wymiarów większy niż wymieniłem, powoduje że strona jest obciążona, nie uzyskując w zamian nic. Co więcej, większe zdjęcie musi zostać dopasowane do monitora, co może spowodować utratę jego jakości.

Wymiary zdjęcia 1920 x 1080 to jest ekstremalny przypadek, gdzie zdjęcie wypełnia cały ekran. W praktyce stron internetowych rzadko spotykany, ponieważ suwak z prawej strony przeglądarki internetowej oraz zakładki w jej górnej części już zabierają miejsce.

Inna sprawa, że często spotykam się na stronach internetowych z grafikami w formie plików png. Takie pliki mają zastosowanie tylko w małych grafikach typu logo, albo tam, gdzie konieczne jest przezroczyste tło. W każdym innym przypadku należy taki plik przekonwertować na jpg, co zmniejszy wagę grafiki o kilkadziesiąt procent.

Oprócz rozmiaru zdjęcie w formie jpg ma również drugi parametr, czyli jakość. Najpopularniejszy program do obróbki zdjęć – Photoshop ma wbudowaną funkcję, dzięki której można skompresować zdjęcie i dzięki temu uzyskać znacznie mniejszą wagę, nie tracąc przy tym zbytnio jakości. Umówmy się, odwiedzający naszą stronę nie będą przyglądać się naszym zdjęciom z nosem w monitorze. Problem w tym, że mało kto posiada Photoshopa. Jest też darmowy Gimp, ale nie należy do najprostszych programów. Z pomocą przychodzą nam programy online, gdzie wchodząc na stronę internetową możemy przystosować nasze zdjęcia do opublikowania na stronie internetowej.

Jeśli masz stronę internetową na WordPress, to dodając zdjęcie do treści strony możesz wybrać jego rozmiar. WordPress, gdy dodajesz zdjęcie, tworzy kilka jego wariantów, dzięki czemu łatwo unikniesz wielkiego zdjęcia na stronie. Niestety, dodając duże zdjęcia jako „obrazek wyróżniający”, WordPress pokaże oryginał na liście wpisów typu strona główna bloga, dlatego lepiej zdjęcie obrobić przed wrzuceniem na stronę.

Jakie programy do obróbki zdjęć online?

Szukając programów starałem się znaleźć takie, których obsługa jest maksymalnie prosta

Jeśli chcemy tylko zmniejszyć rozmiar zdjęcia, możemy skorzystać ze strony http://www.simpleimageresizer.com/ . Niestety można tutaj konwertować tylko jedno zdjęcie na raz, co przy większych potrzebach jest nieco męczące.

Jeśli zależy nam tylko na kompresji (to może wystarczyć z uwagi na to, że WordPress sam zmniejsza zdjęcia przy przesyłaniu, ale nie ma tu pewności, że wtyczka z której korzystamy do pokazania zdjęcia będzie korzystała ze zmniejszonych plików) możemy skorzystać ze strony http://compressnow.com/ . W tym przypadku możemy już przekonwertować więcej zdjęć jednocześnie, co jest dużym ułatwieniem

Warto jednak zarówno zmniejszać jak i kompresować zdjęcia. Na szczęście są strony, które łączą 2 wymienione funkcje.

http://compressimage.toolur.com/ sprawuje się nieźle, choć metody kompresji są dla mnie niezrozumiałe Wystarczy jednak ustawić jakość i rozmiar i gotowe.

http://zmniejszacz.pl/ – na koniec produkt polski, godny polecenia. Jest on bowiem najbardziej intuicyjny. Można konwertować wiele zdjęć na raz. Warto tutaj pamiętać o tym, aby wyłączyć znak wodny. Wadą tej strony jest to, że po konwersji każde zdjęcie musimy pobrać osobno, jednak warto ponieść ten wysiłek, aby pomóc naszej stronie zdobywać wysokie pozycje w Google.

Jaka powinna być kompresja i jaki rozmiar zdjęcia do internetu?

Jeśli chodzi o kompresję, to Google przestaje się czepiać przy jakości 51%, zatem taką właśnie polecam. Jeśli chodzi o rozmiar, to zależy od zastosowania, jeśli jest do slider na stronę główną, to szerokość 1920 px to jest max, ale wystarczy 1600 px. W każdym innym przypadku wystarczy 1200 px, albo mniej, jeśli zdjęcie docelowo ma być małe.

Jeśli to wszystko wydaje Ci się zbyt trudne albo czasochłonne, pozostaje jeszcze jedno rozwiązanie – telefon do Miasta Stron 🙂 Usługa obsługi strony internetowej w pełni rozwiąże ten problem.

Blog

Primary Sidebar

miasto stron michał oniszczuk
Michał Oniszczuk Projektowanie stron internetowych
10 lat z www Wordpress
Ponad 300 realizacji

Polecam:

Tworzenie stron internetowych. Jak to robię w Mieście Stron

Polecam, Wordpress

Jak wybrać nazwę firmy. Praktyczne wskazówki

Blog, Polecam

Jaki hosting wybrać, czyli najlepszy tani hosting www

Blog, Hosting, Polecam

Zobacz także:

Przeniesienie strony internetowej na inny serwer. Jak przenieść stronę na inny hosting

Hosting

CloudHosting z CDN nazwa.pl, czyli mocna propozycja na rynku hostingowym

Blog

Strona internetowa na WordPress. Szablon, page builder, czy strona projektowana indywidualnie? Co wybrać?

Wordpress

Czy zmiany klimatu wymuszą zmiany w podejściu do projektowania stron internetowych?

Blog

Google wydłużył meta destription

Blog

Ile nagłówków H1 można użyć na stronie internetowej?

Blog

Jak przyspieszyć działanie strony internetowej na WordPress

Blog

Czy domena w cenie usługi to atut?

Blog

Zdjęcia na firmową stronę internetową

Blog

Nagłówki na stronie internetowej

Blog

Dobór kolorów na stronę internetową

Blog

Czy warto używać slidera na stronie?

Blog

Jak Responsive Web Design wymusił zmiany w designie stron www?

Blog

2015 rokiem budowania – moje życzenia

Blog

Czy warto mieć stronę typu single page / one page?

Blog

miasto stron lublin
email
kontakt@miastostron.pl
tel
605 934 589
facebook-footer instagram-footer

Oferta

  • Projektowanie stron internetowych
  • Tanie strony internetowe
  • Optymalizacja stron internetowych SEO
  • Obsługa stron internetowych na WordPress

Artykuły

  • WordPress
  • Firma
  • Hosting
  • Domeny

Informacje

  • Strony internetowe cennik

Z bloga

Tworzenie stron internetowych. Jak to robię w Mieście Stron

Jak wybrać nazwę firmy. Praktyczne wskazówki

Jaki hosting wybrać, czyli najlepszy tani hosting www

Biuro

ul. Franciszka Stefczyka 30/15, Lublin

Proszę o wcześniejsze umówienie się na spotkanie, ponieważ nie zawsze jestem w biurze.