{"id":4681,"date":"2020-10-13T10:23:41","date_gmt":"2020-10-13T08:23:41","guid":{"rendered":"https:\/\/prodblog.wenet.pl\/?p=4681"},"modified":"2026-04-29T14:24:41","modified_gmt":"2026-04-29T12:24:41","slug":"zadbac-o-odpowiednie-grafiki-zdjecia-stronie-internetowej","status":"publish","type":"post","link":"https:\/\/wenet.pl\/blog\/zadbac-o-odpowiednie-grafiki-zdjecia-stronie-internetowej\/","title":{"rendered":"Jak zadba\u0107 o odpowiednie grafiki i zdj\u0119cia na stronie internetowej?"},"content":{"rendered":"\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"683\" height=\"512\" data-src=\"https:\/\/wenet.pl\/blog\/wp-content\/uploads\/2020\/10\/GettyImages-1222963442.jpg\" alt=\"Grafiki i zdj\u0119cia na stronie WWW\" class=\"wp-image-4688 colorbox-4681 lazyload\" data-srcset=\"https:\/\/wenet.pl\/blog\/wp-content\/uploads\/2020\/10\/GettyImages-1222963442.jpg 683w, https:\/\/wenet.pl\/blog\/wp-content\/uploads\/2020\/10\/GettyImages-1222963442-200x150.jpg 200w, https:\/\/wenet.pl\/blog\/wp-content\/uploads\/2020\/10\/GettyImages-1222963442-400x300.jpg 400w, https:\/\/wenet.pl\/blog\/wp-content\/uploads\/2020\/10\/GettyImages-1222963442-80x60.jpg 80w, https:\/\/wenet.pl\/blog\/wp-content\/uploads\/2020\/10\/GettyImages-1222963442-265x198.jpg 265w, https:\/\/wenet.pl\/blog\/wp-content\/uploads\/2020\/10\/GettyImages-1222963442-560x420.jpg 560w\" data-sizes=\"(max-width: 683px) 100vw, 683px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 683px; --smush-placeholder-aspect-ratio: 683\/512;\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Cz\u0119sto spotykanym problemem wyst\u0119puj\u0105cym na stronach internetowych firm jest umieszczenie na nich grafik i fotografii, kt\u00f3re spowalniaj\u0105 dzia\u0142anie witryny lub sprawiaj\u0105 negatywne wra\u017cenie u\u017cytkownik\u00f3w podczas przegl\u0105dania serwisu. Gdzie \u0142atwo o b\u0142\u0105d w tym temacie? Zdj\u0119cia na stronie s\u0105 w zbyt du\u017cej rozdzielczo\u015bci, dodane pliki s\u0105 w nieprzyjaznym internetowi formacie, a ich kompresja wp\u0142ywa na jako\u015b\u0107 odbioru lub wielko\u015b\u0107 danego obrazu.<\/p>\n\n\n\n<p><strong>Rozmiar element\u00f3w graficznych. Jak przygotowa\u0107 zdj\u0119cia do dodania na stron\u0119?<\/strong><\/p>\n\n\n\n<p>Rozmiar obraz\u00f3w graficznych ma wp\u0142yw na szybko\u015b\u0107 \u0142adowania si\u0119 strony na urz\u0105dzeniach u\u017cytkownik\u00f3w, spowalnia transfer serwera, jest tak\u017ce jednym z istotnych parametr\u00f3w branych pod uwag\u0119 przez Google podczas klasyfikowania wynik\u00f3w wyszukiwania. Powoli otwieraj\u0105ce si\u0119 grafiki s\u0105 dla przyzwyczajonych do b\u0142yskawicznych rozwi\u0105za\u0144 internaut\u00f3w impulsem do opuszczenia takiej witryny, bo szybko powoduj\u0105 ich zniecierpliwienie. Mog\u0105 r\u00f3wnie\u017c sugerowa\u0107 s\u0142ab\u0105 dba\u0142o\u015b\u0107 o potrzeby klient\u00f3w, wskazywa\u0107 na zap\u00f3\u017anienie technologiczne firmy czy wreszcie na nieumiej\u0119tno\u015b\u0107 zadbania o w\u0142asny biznes. Tworzy to negatywny wizerunek przedsi\u0119biorstwa.<\/p>\n\n\n\n<p>Co nale\u017cy robi\u0107 przy dodawaniu zdj\u0119\u0107:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>przed ich publikacj\u0105 trzeba je zoptymalizowa\u0107 i dostosowa\u0107 rozmiar w pikselach,<\/li>\n\n\n\n<li>zmniejszy\u0107 wag\u0119 pliku, jego rozdzielczo\u015b\u0107,<\/li>\n\n\n\n<li>dobra\u0107 taki format pliku, kt\u00f3ry daje obrazowi mo\u017cliwo\u015b\u0107 przetwarzania przy zachowaniu jak najwy\u017cszej jako\u015bci.<\/li>\n<\/ul>\n\n\n\n<p>Przy rozmiarze dobrze jest pami\u0119ta\u0107, by nie przekracza\u0107 warto\u015bci 1920 (szeroko\u015b\u0107) i 1080 (wysoko\u015b\u0107) px; obecnie taki rozmiar jest optymalny dla wy\u015bwietlania pe\u0142noekranowego na wi\u0119kszo\u015bci komputer\u00f3w. Liczba pikseli oznacza jako\u015b\u0107 zdj\u0119cia: im wi\u0119ksza liczba, tym wierniejsze jest odtworzenie obrazu. Przy dodawaniu grafik na stron\u0119 wa\u017cniejsza jest szeroko\u015b\u0107 pliku w pikselach, wysoko\u015b\u0107 jest rekomendowana, mo\u017ce oczywi\u015bcie by\u0107 mniejsza.<\/p>\n\n\n\n<p>Problemem mo\u017ce okaza\u0107 si\u0119 jednak dobranie rozdzielczo\u015bci plik\u00f3w przy budowie strony responsywnej (dopasowuj\u0105cej si\u0119 automatycznie do wielko\u015bci wy\u015bwietlacza). Dlaczego? Przy zmniejszaniu si\u0119 rozmiaru ekranu, zmniejsza\u0107 si\u0119 te\u017c b\u0119dzie rozmiar pliku graficznego, przez co straci on czytelno\u015b\u0107. W omawianym przypadku mo\u017cna zastosowa\u0107 dwa rozwi\u0105zania:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>za\u0142adowa\u0107 grafik\u0119 o wi\u0119kszej rozdzielczo\u015bci, dzi\u0119ki czemu przy skalowaniu grafika nie straci na jako\u015bci i do wszystkich typ\u00f3w urz\u0105dze\u0144 wykorzystamy jeden plik. B\u0119dzie on jednak ci\u0119\u017cszy i b\u0119dzie otwiera\u0107 si\u0119 nieco wolniej<\/li>\n\n\n\n<li>przygotowa\u0107 pliki do poszczeg\u00f3lnych typ\u00f3w urz\u0105dze\u0144 (zwykle trzy sztuki o odpowiedniej wysoko\u015bci i kadrowaniu), dzi\u0119ki czemu poprawi si\u0119 szybko\u015b\u0107 \u0142adowania strony i zmniejszy si\u0119 waga obraz\u00f3w. Rozwi\u0105zanie to jest jednak bardziej czasoch\u0142onne, nie wybior\u0105 go wi\u0119c osoby pragn\u0105ce szybko uruchomi\u0107 swoj\u0105 stron\u0119<\/li>\n<\/ol>\n\n\n\n<p>Z rozmiarem zdj\u0119cia \u2013 jak ju\u017c zosta\u0142o to powiedziane \u2013 wi\u0105\u017ce si\u0119 waga pliku: im wi\u0119kszy rozmiar, tym zdj\u0119cie jest ci\u0119\u017csze. Do publikacji w internecie wystarczy plik o wadze do 300 kB, wi\u0119ksze obci\u0105\u017c\u0105 transfer serwera i spowolni\u0105 stron\u0119.<\/p>\n\n\n\n<p><a href=\"https:\/\/wenet.pl\/oferta\/strony-www?utm_source=wenet.pl\/blog&amp;utm_medium=artykul&amp;utm_campaign=bledy%20stron%20www\" target=\"_blank\" rel=\"noreferrer noopener\">Zbudujemy Ci stron\u0119, kt\u00f3ra sprzedaje. Sprawd\u017a jak>><\/a><\/p>\n\n\n\n<p><strong>Jaki format grafik stosowa\u0107 na stronie internetowej? <\/strong><\/p>\n\n\n\n<p>Je\u015bli za\u015b chodzi o format, to najcz\u0119\u015bciej spotykane s\u0105 4 rodzaje format\u00f3w: JPEG, PNG, SVG i kojarzony z mediami spo\u0142eczno\u015bciowymi GIF. Przed wybraniem warto pozna\u0107 kilka istotnych szczeg\u00f3\u0142\u00f3w:<\/p><div class=\"wkgqf69f2be4728033\" ><!-- Komunikacja z klientem -->\n<!--HubSpot Call-to-Action Code --><span class=\"hs-cta-wrapper\" id=\"hs-cta-wrapper-8265bd58-ea47-4c6a-9f25-dd290dd6f8c8\"><span class=\"hs-cta-node hs-cta-8265bd58-ea47-4c6a-9f25-dd290dd6f8c8\" id=\"hs-cta-8265bd58-ea47-4c6a-9f25-dd290dd6f8c8\"><!--[if lte IE 8]><div id=\"hs-cta-ie-element\"><\/div><![endif]--><a href=\"https:\/\/hubspot-cta-redirect-eu1-prod.s3.amazonaws.com\/cta\/redirect\/25646044\/8265bd58-ea47-4c6a-9f25-dd290dd6f8c8\" target=\"_blank\" rel=\"noopener\"><img class=\"hs-cta-img colorbox-4681 lazyload\" id=\"hs-cta-img-8265bd58-ea47-4c6a-9f25-dd290dd6f8c8\" style=\"border-width:0px;\" data-src=\"https:\/\/hubspot-no-cache-eu1-prod.s3.amazonaws.com\/cta\/default\/25646044\/8265bd58-ea47-4c6a-9f25-dd290dd6f8c8.png\"  alt=\"Nowe wezwanie do dzia\u0142ania\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/a><\/span><script charset=\"utf-8\" src=\"https:\/\/js-eu1.hscta.net\/cta\/current.js\"><\/script><script type=\"text\/javascript\"> hbspt.cta.load(25646044, '8265bd58-ea47-4c6a-9f25-dd290dd6f8c8', {\"useNewLoader\":\"true\",\"region\":\"eu1\"}); <\/script><\/span><!-- end HubSpot Call-to-Action Code -->\n<\/div><style type=\"text\/css\">\r\n@media screen and (min-width: 1201px) {\r\n.wkgqf69f2be4728033 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 993px) and (max-width: 1200px) {\r\n.wkgqf69f2be4728033 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 769px) and (max-width: 992px) {\r\n.wkgqf69f2be4728033 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 768px) and (max-width: 768px) {\r\n.wkgqf69f2be4728033 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (max-width: 767px) {\r\n.wkgqf69f2be4728033 {\r\ndisplay: block;\r\n}\r\n}\r\n<\/style>\r\n<div class=\"mgbog69f2be4727fb8\" ><!-- Email Marketing -->\n<!--HubSpot Call-to-Action Code --><span class=\"hs-cta-wrapper\" id=\"hs-cta-wrapper-08eb5d7e-b5b4-457b-9ce5-ceff89d6b956\"><span class=\"hs-cta-node hs-cta-08eb5d7e-b5b4-457b-9ce5-ceff89d6b956\" id=\"hs-cta-08eb5d7e-b5b4-457b-9ce5-ceff89d6b956\"><!--[if lte IE 8]><div id=\"hs-cta-ie-element\"><\/div><![endif]--><a href=\"https:\/\/hubspot-cta-redirect-eu1-prod.s3.amazonaws.com\/cta\/redirect\/25646044\/08eb5d7e-b5b4-457b-9ce5-ceff89d6b956\" target=\"_blank\" rel=\"noopener\"><img class=\"hs-cta-img colorbox-4681 lazyload\" id=\"hs-cta-img-08eb5d7e-b5b4-457b-9ce5-ceff89d6b956\" style=\"border-width:0px;\" data-src=\"https:\/\/hubspot-no-cache-eu1-prod.s3.amazonaws.com\/cta\/default\/25646044\/08eb5d7e-b5b4-457b-9ce5-ceff89d6b956.png\"  alt=\"Nowe wezwanie do dzia\u0142ania\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/a><\/span><script charset=\"utf-8\" src=\"https:\/\/js-eu1.hscta.net\/cta\/current.js\"><\/script><script type=\"text\/javascript\"> hbspt.cta.load(25646044, '08eb5d7e-b5b4-457b-9ce5-ceff89d6b956', {\"useNewLoader\":\"true\",\"region\":\"eu1\"}); <\/script><\/span><!-- end HubSpot Call-to-Action Code -->\n<\/div><style type=\"text\/css\">\r\n@media screen and (min-width: 1201px) {\r\n.mgbog69f2be4727fb8 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 993px) and (max-width: 1200px) {\r\n.mgbog69f2be4727fb8 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 769px) and (max-width: 992px) {\r\n.mgbog69f2be4727fb8 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 768px) and (max-width: 768px) {\r\n.mgbog69f2be4727fb8 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (max-width: 767px) {\r\n.mgbog69f2be4727fb8 {\r\ndisplay: block;\r\n}\r\n}\r\n<\/style>\r\n<div class=\"spdqx69f2be4727f40\" ><!-- Zarz\u0105dzanie firm\u0105 -->\n\n<!--HubSpot Call-to-Action Code --><span class=\"hs-cta-wrapper\" id=\"hs-cta-wrapper-64d5a1d6-a25c-4d42-9cf0-0a4f91b5642d\"><span class=\"hs-cta-node hs-cta-64d5a1d6-a25c-4d42-9cf0-0a4f91b5642d\" id=\"hs-cta-64d5a1d6-a25c-4d42-9cf0-0a4f91b5642d\"><!--[if lte IE 8]><div id=\"hs-cta-ie-element\"><\/div><![endif]--><a href=\"https:\/\/hubspot-cta-redirect-eu1-prod.s3.amazonaws.com\/cta\/redirect\/25646044\/64d5a1d6-a25c-4d42-9cf0-0a4f91b5642d\" target=\"_blank\" rel=\"noopener\"><img class=\"hs-cta-img colorbox-4681 lazyload\" id=\"hs-cta-img-64d5a1d6-a25c-4d42-9cf0-0a4f91b5642d\" style=\"border-width:0px;\" data-src=\"https:\/\/hubspot-no-cache-eu1-prod.s3.amazonaws.com\/cta\/default\/25646044\/64d5a1d6-a25c-4d42-9cf0-0a4f91b5642d.png\"  alt=\"e-book Dlaczego Twoja firma powinna by\u0107 obecna w Internecie\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/a><\/span><script charset=\"utf-8\" src=\"https:\/\/js-eu1.hscta.net\/cta\/current.js\"><\/script><script type=\"text\/javascript\"> hbspt.cta.load(25646044, '64d5a1d6-a25c-4d42-9cf0-0a4f91b5642d', {\"useNewLoader\":\"true\",\"region\":\"eu1\"}); <\/script><\/span><!-- end HubSpot Call-to-Action Code -->\n<\/div><style type=\"text\/css\">\r\n@media screen and (min-width: 1201px) {\r\n.spdqx69f2be4727f40 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 993px) and (max-width: 1200px) {\r\n.spdqx69f2be4727f40 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 769px) and (max-width: 992px) {\r\n.spdqx69f2be4727f40 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 768px) and (max-width: 768px) {\r\n.spdqx69f2be4727f40 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (max-width: 767px) {\r\n.spdqx69f2be4727f40 {\r\ndisplay: block;\r\n}\r\n}\r\n<\/style>\r\n<div class=\"ojxci69f2be4727ece\" ><!-- Video -->\n\n<!--HubSpot Call-to-Action Code --><span class=\"hs-cta-wrapper\" id=\"hs-cta-wrapper-d5317067-b35b-4752-8a1e-3ef0d70566f6\"><span class=\"hs-cta-node hs-cta-d5317067-b35b-4752-8a1e-3ef0d70566f6\" id=\"hs-cta-d5317067-b35b-4752-8a1e-3ef0d70566f6\"><!--[if lte IE 8]><div id=\"hs-cta-ie-element\"><\/div><![endif]--><a href=\"https:\/\/hubspot-cta-redirect-eu1-prod.s3.amazonaws.com\/cta\/redirect\/25646044\/d5317067-b35b-4752-8a1e-3ef0d70566f6\" target=\"_blank\" rel=\"noopener\"><img class=\"hs-cta-img colorbox-4681 lazyload\" id=\"hs-cta-img-d5317067-b35b-4752-8a1e-3ef0d70566f6\" style=\"border-width:0px;\" data-src=\"https:\/\/hubspot-no-cache-eu1-prod.s3.amazonaws.com\/cta\/default\/25646044\/d5317067-b35b-4752-8a1e-3ef0d70566f6.png\"  alt=\"e-book 18 wskaz\u00f3wek, kt\u00f3re rozwin\u0105 Tw\u00f3j kana\u0142 na YouTube\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/a><\/span><script charset=\"utf-8\" src=\"https:\/\/js-eu1.hscta.net\/cta\/current.js\"><\/script><script type=\"text\/javascript\"> hbspt.cta.load(25646044, 'd5317067-b35b-4752-8a1e-3ef0d70566f6', {\"useNewLoader\":\"true\",\"region\":\"eu1\"}); <\/script><\/span><!-- end HubSpot Call-to-Action Code -->\n<\/div><style type=\"text\/css\">\r\n@media screen and (min-width: 1201px) {\r\n.ojxci69f2be4727ece {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 993px) and (max-width: 1200px) {\r\n.ojxci69f2be4727ece {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 769px) and (max-width: 992px) {\r\n.ojxci69f2be4727ece {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 768px) and (max-width: 768px) {\r\n.ojxci69f2be4727ece {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (max-width: 767px) {\r\n.ojxci69f2be4727ece {\r\ndisplay: block;\r\n}\r\n}\r\n<\/style>\r\n<div class=\"bpgyi69f2be4727e54\" ><!-- Tworzenie stron -->\n<!--HubSpot Call-to-Action Code --><span class=\"hs-cta-wrapper\" id=\"hs-cta-wrapper-ef1529b5-b78c-4b0b-bf0b-4ecc75e0bafc\"><span class=\"hs-cta-node hs-cta-ef1529b5-b78c-4b0b-bf0b-4ecc75e0bafc\" id=\"hs-cta-ef1529b5-b78c-4b0b-bf0b-4ecc75e0bafc\"><!--[if lte IE 8]><div id=\"hs-cta-ie-element\"><\/div><![endif]--><a href=\"https:\/\/hubspot-cta-redirect-eu1-prod.s3.amazonaws.com\/cta\/redirect\/25646044\/ef1529b5-b78c-4b0b-bf0b-4ecc75e0bafc\" target=\"_blank\" rel=\"noopener\"><img class=\"hs-cta-img colorbox-4681 lazyload\" id=\"hs-cta-img-ef1529b5-b78c-4b0b-bf0b-4ecc75e0bafc\" style=\"border-width:0px;\" data-src=\"https:\/\/hubspot-no-cache-eu1-prod.s3.amazonaws.com\/cta\/default\/25646044\/ef1529b5-b78c-4b0b-bf0b-4ecc75e0bafc.png\"  alt=\"Nowe wezwanie do dzia\u0142ania\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/a><\/span><script charset=\"utf-8\" src=\"https:\/\/js-eu1.hscta.net\/cta\/current.js\"><\/script><script type=\"text\/javascript\"> hbspt.cta.load(25646044, 'ef1529b5-b78c-4b0b-bf0b-4ecc75e0bafc', {\"useNewLoader\":\"true\",\"region\":\"eu1\"}); <\/script><\/span><!-- end HubSpot Call-to-Action Code -->\n<\/div><style type=\"text\/css\">\r\n@media screen and (min-width: 1201px) {\r\n.bpgyi69f2be4727e54 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 993px) and (max-width: 1200px) {\r\n.bpgyi69f2be4727e54 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 769px) and (max-width: 992px) {\r\n.bpgyi69f2be4727e54 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 768px) and (max-width: 768px) {\r\n.bpgyi69f2be4727e54 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (max-width: 767px) {\r\n.bpgyi69f2be4727e54 {\r\ndisplay: block;\r\n}\r\n}\r\n<\/style>\r\n<div class=\"briaq69f2be4727de6\" ><!-- Strategia marketingowa -->\n<!--HubSpot Call-to-Action Code --><span class=\"hs-cta-wrapper\" id=\"hs-cta-wrapper-9d4aa58d-1ab7-4301-b000-ac3d639abc98\"><span class=\"hs-cta-node hs-cta-9d4aa58d-1ab7-4301-b000-ac3d639abc98\" id=\"hs-cta-9d4aa58d-1ab7-4301-b000-ac3d639abc98\"><!--[if lte IE 8]><div id=\"hs-cta-ie-element\"><\/div><![endif]--><a href=\"https:\/\/hubspot-cta-redirect-eu1-prod.s3.amazonaws.com\/cta\/redirect\/25646044\/9d4aa58d-1ab7-4301-b000-ac3d639abc98\" target=\"_blank\" rel=\"noopener\"><img class=\"hs-cta-img colorbox-4681 lazyload\" id=\"hs-cta-img-9d4aa58d-1ab7-4301-b000-ac3d639abc98\" style=\"border-width:0px;\" data-src=\"https:\/\/hubspot-no-cache-eu1-prod.s3.amazonaws.com\/cta\/default\/25646044\/9d4aa58d-1ab7-4301-b000-ac3d639abc98.png\"  alt=\"Nowe wezwanie do dzia\u0142ania\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/a><\/span><script charset=\"utf-8\" src=\"https:\/\/js-eu1.hscta.net\/cta\/current.js\"><\/script><script type=\"text\/javascript\"> hbspt.cta.load(25646044, '9d4aa58d-1ab7-4301-b000-ac3d639abc98', {\"useNewLoader\":\"true\",\"region\":\"eu1\"}); <\/script><\/span><!-- end HubSpot Call-to-Action Code -->\n<\/div><style type=\"text\/css\">\r\n@media screen and (min-width: 1201px) {\r\n.briaq69f2be4727de6 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 993px) and (max-width: 1200px) {\r\n.briaq69f2be4727de6 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 769px) and (max-width: 992px) {\r\n.briaq69f2be4727de6 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 768px) and (max-width: 768px) {\r\n.briaq69f2be4727de6 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (max-width: 767px) {\r\n.briaq69f2be4727de6 {\r\ndisplay: block;\r\n}\r\n}\r\n<\/style>\r\n<div class=\"yclzt69f2be4727d76\" ><!-- Social Media -->\n<!--HubSpot Call-to-Action Code --><span class=\"hs-cta-wrapper\" id=\"hs-cta-wrapper-387c3571-1376-4b17-bb02-3ee7c0d54013\"><span class=\"hs-cta-node hs-cta-387c3571-1376-4b17-bb02-3ee7c0d54013\" id=\"hs-cta-387c3571-1376-4b17-bb02-3ee7c0d54013\"><!--[if lte IE 8]><div id=\"hs-cta-ie-element\"><\/div><![endif]--><a href=\"https:\/\/hubspot-cta-redirect-eu1-prod.s3.amazonaws.com\/cta\/redirect\/25646044\/387c3571-1376-4b17-bb02-3ee7c0d54013\" target=\"_blank\" rel=\"noopener\"><img class=\"hs-cta-img colorbox-4681 lazyload\" id=\"hs-cta-img-387c3571-1376-4b17-bb02-3ee7c0d54013\" style=\"border-width:0px;\" data-src=\"https:\/\/hubspot-no-cache-eu1-prod.s3.amazonaws.com\/cta\/default\/25646044\/387c3571-1376-4b17-bb02-3ee7c0d54013.png\"  alt=\"Nowe wezwanie do dzia\u0142ania\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/a><\/span><script charset=\"utf-8\" src=\"https:\/\/js-eu1.hscta.net\/cta\/current.js\"><\/script><script type=\"text\/javascript\"> hbspt.cta.load(25646044, '387c3571-1376-4b17-bb02-3ee7c0d54013', {\"useNewLoader\":\"true\",\"region\":\"eu1\"}); <\/script><\/span><!-- end HubSpot Call-to-Action Code -->\n<\/div><style type=\"text\/css\">\r\n@media screen and (min-width: 1201px) {\r\n.yclzt69f2be4727d76 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 993px) and (max-width: 1200px) {\r\n.yclzt69f2be4727d76 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 769px) and (max-width: 992px) {\r\n.yclzt69f2be4727d76 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 768px) and (max-width: 768px) {\r\n.yclzt69f2be4727d76 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (max-width: 767px) {\r\n.yclzt69f2be4727d76 {\r\ndisplay: block;\r\n}\r\n}\r\n<\/style>\r\n<div class=\"dutsf69f2be4727cf9\" ><!-- Copywriting -->\n<!--HubSpot Call-to-Action Code --><span class=\"hs-cta-wrapper\" id=\"hs-cta-wrapper-0d4fb5f3-b88d-4456-a7be-207e7a27d1d8\"><span class=\"hs-cta-node hs-cta-0d4fb5f3-b88d-4456-a7be-207e7a27d1d8\" id=\"hs-cta-0d4fb5f3-b88d-4456-a7be-207e7a27d1d8\"><!--[if lte IE 8]><div id=\"hs-cta-ie-element\"><\/div><![endif]--><a href=\"https:\/\/hubspot-cta-redirect-eu1-prod.s3.amazonaws.com\/cta\/redirect\/25646044\/0d4fb5f3-b88d-4456-a7be-207e7a27d1d8\" target=\"_blank\" rel=\"noopener, nofollow\"><img class=\"hs-cta-img colorbox-4681 lazyload\" id=\"hs-cta-img-0d4fb5f3-b88d-4456-a7be-207e7a27d1d8\" style=\"border-width:0px;\" data-src=\"https:\/\/hubspot-no-cache-eu1-prod.s3.amazonaws.com\/cta\/default\/25646044\/0d4fb5f3-b88d-4456-a7be-207e7a27d1d8.png\"  alt=\"e-book Jak tworzy\u0107 tre\u015bci, kt\u00f3re przyci\u0105gn\u0105 Twoich klient\u00f3w\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/a><\/span><script charset=\"utf-8\" src=\"https:\/\/js-eu1.hscta.net\/cta\/current.js\"><\/script><script type=\"text\/javascript\"> hbspt.cta.load(25646044, '0d4fb5f3-b88d-4456-a7be-207e7a27d1d8', {\"useNewLoader\":\"true\",\"region\":\"eu1\"}); <\/script><\/span><!-- end HubSpot Call-to-Action Code -->\n<\/div><style type=\"text\/css\">\r\n@media screen and (min-width: 1201px) {\r\n.dutsf69f2be4727cf9 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 993px) and (max-width: 1200px) {\r\n.dutsf69f2be4727cf9 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 769px) and (max-width: 992px) {\r\n.dutsf69f2be4727cf9 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 768px) and (max-width: 768px) {\r\n.dutsf69f2be4727cf9 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (max-width: 767px) {\r\n.dutsf69f2be4727cf9 {\r\ndisplay: block;\r\n}\r\n}\r\n<\/style>\r\n<div class=\"xlqij69f2be4727c7b\" ><!-- SEO1 -->\n<!--HubSpot Call-to-Action Code --><span class=\"hs-cta-wrapper\" id=\"hs-cta-wrapper-2e440e3a-91d6-4b6d-8268-289ea3a8329b\"><span class=\"hs-cta-node hs-cta-2e440e3a-91d6-4b6d-8268-289ea3a8329b\" id=\"hs-cta-2e440e3a-91d6-4b6d-8268-289ea3a8329b\"><!--[if lte IE 8]><div id=\"hs-cta-ie-element\"><\/div><![endif]--><a href=\"https:\/\/hubspot-cta-redirect-eu1-prod.s3.amazonaws.com\/cta\/redirect\/25646044\/2e440e3a-91d6-4b6d-8268-289ea3a8329b\" target=\"_blank\" rel=\"noopener\"><img class=\"hs-cta-img colorbox-4681 lazyload\" id=\"hs-cta-img-2e440e3a-91d6-4b6d-8268-289ea3a8329b\" style=\"border-width:0px;\" data-src=\"https:\/\/hubspot-no-cache-eu1-prod.s3.amazonaws.com\/cta\/default\/25646044\/2e440e3a-91d6-4b6d-8268-289ea3a8329b.png\"  alt=\"e-book SEO lokalne od A do Z\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/a><\/span><script charset=\"utf-8\" src=\"https:\/\/js-eu1.hscta.net\/cta\/current.js\"><\/script><script type=\"text\/javascript\"> hbspt.cta.load(25646044, '2e440e3a-91d6-4b6d-8268-289ea3a8329b', {\"useNewLoader\":\"true\",\"region\":\"eu1\"}); <\/script><\/span><!-- end HubSpot Call-to-Action Code -->\n<\/div><style type=\"text\/css\">\r\n@media screen and (min-width: 1201px) {\r\n.xlqij69f2be4727c7b {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 993px) and (max-width: 1200px) {\r\n.xlqij69f2be4727c7b {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 769px) and (max-width: 992px) {\r\n.xlqij69f2be4727c7b {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 768px) and (max-width: 768px) {\r\n.xlqij69f2be4727c7b {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (max-width: 767px) {\r\n.xlqij69f2be4727c7b {\r\ndisplay: block;\r\n}\r\n}\r\n<\/style>\r\n<div class=\"ladxf69f2be4727bfd\" ><!-- SEM -->\n<!--HubSpot Call-to-Action Code --><span class=\"hs-cta-wrapper\" id=\"hs-cta-wrapper-f76cfdbf-3591-4dda-828b-092125eedb42\"><span class=\"hs-cta-node hs-cta-f76cfdbf-3591-4dda-828b-092125eedb42\" id=\"hs-cta-f76cfdbf-3591-4dda-828b-092125eedb42\"><!--[if lte IE 8]><div id=\"hs-cta-ie-element\"><\/div><![endif]--><a href=\"https:\/\/hubspot-cta-redirect-eu1-prod.s3.amazonaws.com\/cta\/redirect\/25646044\/f76cfdbf-3591-4dda-828b-092125eedb42\" target=\"_blank\" rel=\"noopener\"><img class=\"hs-cta-img colorbox-4681 lazyload\" id=\"hs-cta-img-f76cfdbf-3591-4dda-828b-092125eedb42\" style=\"border-width:0px;\" data-src=\"https:\/\/hubspot-no-cache-eu1-prod.s3.amazonaws.com\/cta\/default\/25646044\/f76cfdbf-3591-4dda-828b-092125eedb42.png\"  alt=\"e-book Jak promowa\u0107 firm\u0119 na lokalnym rynku\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/a><\/span><script charset=\"utf-8\" src=\"https:\/\/js-eu1.hscta.net\/cta\/current.js\"><\/script><script type=\"text\/javascript\"> hbspt.cta.load(25646044, 'f76cfdbf-3591-4dda-828b-092125eedb42', {\"useNewLoader\":\"true\",\"region\":\"eu1\"}); <\/script><\/span><!-- end HubSpot Call-to-Action Code -->\n<\/div><style type=\"text\/css\">\r\n@media screen and (min-width: 1201px) {\r\n.ladxf69f2be4727bfd {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 993px) and (max-width: 1200px) {\r\n.ladxf69f2be4727bfd {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 769px) and (max-width: 992px) {\r\n.ladxf69f2be4727bfd {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 768px) and (max-width: 768px) {\r\n.ladxf69f2be4727bfd {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (max-width: 767px) {\r\n.ladxf69f2be4727bfd {\r\ndisplay: block;\r\n}\r\n}\r\n<\/style>\r\n<div class=\"hgwvm69f2be4727b75\" ><div style=\"margin: 20px 0px;\">\n                <!--HubSpot Call-to-Action Code --><span class=\"hs-cta-wrapper\" id=\"hs-cta-wrapper-d24c93bc-7b60-4339-bff4-106b7c262800\"><span class=\"hs-cta-node hs-cta-d24c93bc-7b60-4339-bff4-106b7c262800\" id=\"hs-cta-d24c93bc-7b60-4339-bff4-106b7c262800\"><!--[if lte IE 8]><div id=\"hs-cta-ie-element\"><\/div><![endif]--><a href=\"https:\/\/hubspot-cta-redirect-eu1-prod.s3.amazonaws.com\/cta\/redirect\/25646044\/d24c93bc-7b60-4339-bff4-106b7c262800\" target=\"_blank\" rel=\"noopener\"><img class=\"hs-cta-img colorbox-4681 lazyload\" id=\"hs-cta-img-d24c93bc-7b60-4339-bff4-106b7c262800\" style=\"border-width:0px;\" data-src=\"https:\/\/hubspot-no-cache-eu1-prod.s3.amazonaws.com\/cta\/default\/25646044\/d24c93bc-7b60-4339-bff4-106b7c262800.png\"  alt=\"jak za\u0142o\u017cy\u0107 sklep internetowy - pobierz e-booka \" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/a><\/span><script charset=\"utf-8\" src=\"https:\/\/js-eu1.hscta.net\/cta\/current.js\"><\/script><script type=\"text\/javascript\"> hbspt.cta.load(25646044, 'd24c93bc-7b60-4339-bff4-106b7c262800', {\"useNewLoader\":\"true\",\"region\":\"eu1\"}); <\/script><\/span><!-- end HubSpot Call-to-Action Code -->\n            <\/div><\/div><style type=\"text\/css\">\r\n@media screen and (min-width: 1201px) {\r\n.hgwvm69f2be4727b75 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 993px) and (max-width: 1200px) {\r\n.hgwvm69f2be4727b75 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 769px) and (max-width: 992px) {\r\n.hgwvm69f2be4727b75 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 768px) and (max-width: 768px) {\r\n.hgwvm69f2be4727b75 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (max-width: 767px) {\r\n.hgwvm69f2be4727b75 {\r\ndisplay: block;\r\n}\r\n}\r\n<\/style>\r\n\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>format SVG<\/strong> ch\u0119tnie wykorzystuj\u0105 webmasterzy, bo jest obs\u0142ugiwanym przez przegl\u0105darki formatem wektorowym, zapewnia wyraziste odwzorowanie kraw\u0119dzi element\u00f3w, a zapisany w nim obraz mo\u017cna skalowa\u0107 Jest wydajny w r\u00f3\u017cnych rozdzielczo\u015bciach i rozmiarach, cho\u0107 zawieraj\u0105cy zbyt wiele szczeg\u00f3\u0142\u00f3w mo\u017ce traci\u0107 na estetyce przy pomniejszaniu. Obraz poddaje si\u0119 animowaniu i ustawieniu maski transparentnej, jest te\u017c bardzo elastyczny je\u015bli chodzi o palet\u0119 kolor\u00f3w i odcieni. Jest formatem o du\u017cej zawarto\u015bci kodu. Posiada profil przeznaczony na urz\u0105dzenia mobilne<\/li>\n\n\n\n<li><strong>format PNG<\/strong> jest formatem o charakterze bitmapowym o mo\u017cliwo\u015bci odtworzenia do 16 milion\u00f3w kolor\u00f3w, gradient\u00f3w i obs\u0142ug\u0105 kana\u0142u alfa, co pozwala na ustawienie zdj\u0119cia w tle (ze stopniowaniem przezroczysto\u015bci), lepsze wyko\u0144czenie kraw\u0119dzi oraz edytowanie palety kolor\u00f3w. Zapewnia kompresj\u0119 bezstratn\u0105 (2-stopniowa kompresja), co u\u0142atwia skalowanie obrazu bez utraty jako\u015bci, ale niekt\u00f3re barwy lub odcienie mog\u0105 wp\u0142ywa\u0107 negatywnie na rozmiar i wag\u0119 pliku<\/li>\n\n\n\n<li><strong>format JPEG<\/strong> jest niemal najpopularniejszym formatem grafiki stosowanym do u\u017cycia w internecie. Rozmiar i wag\u0119 pliku ma mniejsz\u0105, ni\u017c PNG, co nie obci\u0105\u017ca strony przy jej \u0142adowaniu. Najlepiej nadaje si\u0119 do obs\u0142ugi zdj\u0119\u0107 (naturalne obrazy), szczeg\u00f3lnie je\u015bli publikujemy ich du\u017ce ilo\u015bci, w mniejszym stopniu do grafik. Bardzo dobrze odzwierciedla kolory (do 16 mln), jest formatem stratnym: po skompresowaniu pliku zdj\u0119cie bezpowrotnie traci na jako\u015bci, wi\u0119c jego p\u00f3\u017aniejsza edycja, kopiowanie czy powi\u0119kszanie na urz\u0105dzeniu spowoduje pogorszenie wizualnej jako\u015bci obrazu<\/li>\n\n\n\n<li><strong>format GIF<\/strong> jest najstarszym ze wszystkich, ale wci\u0105\u017c u\u017cywanym formatem zapisu pliku graficznego. Poszczeg\u00f3lne piksele obrazu maj\u0105 zaindeksowane (przypisane) 256 kolor\u00f3w, dzi\u0119ki czemu plik, zw\u0142aszcza w ma\u0142ym formacie, mo\u017cna mocno skompresowa\u0107, jednak przy wi\u0119kszej od 256 liczbie kolor\u00f3w b\u0119dzie stwarza\u0142 problemy z wierno\u015bci\u0105 odwzorowania. Format GIF daje mo\u017cliwo\u015b\u0107 dwustopniowej transparentno\u015bci (pe\u0142na barwa lub ca\u0142kowita przezroczysto\u015b\u0107) oraz oferuje mo\u017cliwo\u015b\u0107 animowania poklatkowego obrazu. Najlepiej si\u0119 sprawdza przy jednolitych kolorach i wyra\u017anych, ostrych kraw\u0119dziach na elementach grafiki. Jest cz\u0119sto wybierany do zobrazowania funkcyjnych element\u00f3w strony WWW: przycisk\u00f3w, ikon, logo itp.<\/li>\n<\/ul>\n\n\n<div class=\"kk-star-ratings kksr-auto kksr-align-left kksr-valign-bottom\"\n    data-payload='{&quot;align&quot;:&quot;left&quot;,&quot;id&quot;:&quot;4681&quot;,&quot;slug&quot;:&quot;default&quot;,&quot;valign&quot;:&quot;bottom&quot;,&quot;ignore&quot;:&quot;&quot;,&quot;reference&quot;:&quot;auto&quot;,&quot;class&quot;:&quot;&quot;,&quot;count&quot;:&quot;3&quot;,&quot;legendonly&quot;:&quot;&quot;,&quot;readonly&quot;:&quot;&quot;,&quot;score&quot;:&quot;3.3&quot;,&quot;starsonly&quot;:&quot;&quot;,&quot;best&quot;:&quot;5&quot;,&quot;gap&quot;:&quot;5&quot;,&quot;greet&quot;:&quot;Rate this post&quot;,&quot;legend&quot;:&quot;3.3\\\/5 - (3 ocena)&quot;,&quot;size&quot;:&quot;22&quot;,&quot;title&quot;:&quot;Jak zadba\u0107 o odpowiednie grafiki i zdj\u0119cia na stronie internetowej?&quot;,&quot;width&quot;:&quot;86.6&quot;,&quot;_legend&quot;:&quot;{score}\\\/{best} - ({count} ocena)&quot;,&quot;font_factor&quot;:&quot;1.25&quot;}'>\n            \n<div class=\"kksr-stars\">\n    \n<div class=\"kksr-stars-inactive\">\n            <div class=\"kksr-star\" data-star=\"1\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"2\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"3\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"4\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"5\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n    <\/div>\n    \n<div class=\"kksr-stars-active\" style=\"width: 86.6px;\">\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                \n\n<div class=\"kksr-legend\" style=\"font-size: 17.6px;\">\n            3.3\/5 - (3 ocena)    <\/div>\n    <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Cz\u0119sto spotykanym problemem wyst\u0119puj\u0105cym na stronach internetowych firm jest umieszczenie na nich grafik i fotografii, kt\u00f3re spowalniaj\u0105 dzia\u0142anie witryny lub sprawiaj\u0105 negatywne wra\u017cenie u\u017cytkownik\u00f3w podczas przegl\u0105dania serwisu. Gdzie \u0142atwo o b\u0142\u0105d w tym temacie? Zdj\u0119cia na stronie s\u0105 w zbyt du\u017cej rozdzielczo\u015bci, dodane pliki s\u0105 w nieprzyjaznym internetowi formacie, a ich kompresja wp\u0142ywa na jako\u015b\u0107 [&hellip;]<\/p>\n","protected":false},"author":101021,"featured_media":4688,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[18],"tags":[303,304,389,302,419,418,417],"class_list":["post-4681","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-strony-www","tag-gif","tag-jpeg","tag-optymalizacja-strony-www","tag-png","tag-rozmiar-grafik-na-stronie-www","tag-svg","tag-zdjecia-na-stronie-www"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Jak zadba\u0107 o odpowiednie grafiki i zdj\u0119cia na stronie internetowej? - WeNet<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wenet.pl\/blog\/zadbac-o-odpowiednie-grafiki-zdjecia-stronie-internetowej\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Jak zadba\u0107 o odpowiednie grafiki i zdj\u0119cia na stronie internetowej?\" \/>\n<meta property=\"og:description\" content=\"Cz\u0119sto spotykanym problemem wyst\u0119puj\u0105cym na stronach internetowych firm jest umieszczenie na nich grafik i fotografii, kt\u00f3re spowalniaj\u0105 dzia\u0142anie witryny lub sprawiaj\u0105 negatywne wra\u017cenie u\u017cytkownik\u00f3w podczas przegl\u0105dania serwisu. Gdzie \u0142atwo o b\u0142\u0105d w tym temacie? Zdj\u0119cia na stronie s\u0105 w zbyt du\u017cej rozdzielczo\u015bci, dodane pliki s\u0105 w nieprzyjaznym internetowi formacie, a ich kompresja wp\u0142ywa na jako\u015b\u0107 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wenet.pl\/blog\/zadbac-o-odpowiednie-grafiki-zdjecia-stronie-internetowej\/\" \/>\n<meta property=\"og:site_name\" content=\"WeNet\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/WeNet.Group\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-13T08:23:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-29T12:24:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wenet.pl\/blog\/wp-content\/uploads\/2020\/10\/GettyImages-1222963442.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"683\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Igor Starczak\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Napisane przez\" \/>\n\t<meta name=\"twitter:data1\" content=\"Igor Starczak\" \/>\n\t<meta name=\"twitter:label2\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minut\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Jak zadba\u0107 o odpowiednie grafiki i zdj\u0119cia na stronie internetowej? - WeNet","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wenet.pl\/blog\/zadbac-o-odpowiednie-grafiki-zdjecia-stronie-internetowej\/","og_locale":"pl_PL","og_type":"article","og_title":"Jak zadba\u0107 o odpowiednie grafiki i zdj\u0119cia na stronie internetowej?","og_description":"Cz\u0119sto spotykanym problemem wyst\u0119puj\u0105cym na stronach internetowych firm jest umieszczenie na nich grafik i fotografii, kt\u00f3re spowalniaj\u0105 dzia\u0142anie witryny lub sprawiaj\u0105 negatywne wra\u017cenie u\u017cytkownik\u00f3w podczas przegl\u0105dania serwisu. Gdzie \u0142atwo o b\u0142\u0105d w tym temacie? Zdj\u0119cia na stronie s\u0105 w zbyt du\u017cej rozdzielczo\u015bci, dodane pliki s\u0105 w nieprzyjaznym internetowi formacie, a ich kompresja wp\u0142ywa na jako\u015b\u0107 [&hellip;]","og_url":"https:\/\/wenet.pl\/blog\/zadbac-o-odpowiednie-grafiki-zdjecia-stronie-internetowej\/","og_site_name":"WeNet","article_publisher":"https:\/\/www.facebook.com\/WeNet.Group\/","article_published_time":"2020-10-13T08:23:41+00:00","article_modified_time":"2026-04-29T12:24:41+00:00","og_image":[{"width":683,"height":512,"url":"https:\/\/wenet.pl\/blog\/wp-content\/uploads\/2020\/10\/GettyImages-1222963442.jpg","type":"image\/jpeg"}],"author":"Igor Starczak","twitter_card":"summary_large_image","twitter_misc":{"Napisane przez":"Igor Starczak","Szacowany czas czytania":"5 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wenet.pl\/blog\/zadbac-o-odpowiednie-grafiki-zdjecia-stronie-internetowej\/#article","isPartOf":{"@id":"https:\/\/wenet.pl\/blog\/zadbac-o-odpowiednie-grafiki-zdjecia-stronie-internetowej\/"},"author":{"name":"Igor Starczak","@id":"https:\/\/wenet.pl\/blog\/#\/schema\/person\/663c322f24c283988a1ca82b0c9a755b"},"headline":"Jak zadba\u0107 o odpowiednie grafiki i zdj\u0119cia na stronie internetowej?","datePublished":"2020-10-13T08:23:41+00:00","dateModified":"2026-04-29T12:24:41+00:00","mainEntityOfPage":{"@id":"https:\/\/wenet.pl\/blog\/zadbac-o-odpowiednie-grafiki-zdjecia-stronie-internetowej\/"},"wordCount":902,"commentCount":1,"publisher":{"@id":"https:\/\/wenet.pl\/blog\/#organization"},"image":{"@id":"https:\/\/wenet.pl\/blog\/zadbac-o-odpowiednie-grafiki-zdjecia-stronie-internetowej\/#primaryimage"},"thumbnailUrl":"https:\/\/wenet.pl\/blog\/wp-content\/uploads\/2020\/10\/GettyImages-1222963442.jpg","keywords":["GIF","JPEG","optymalizacja strony www","PNG","rozmiar grafik na stronie www","SVG","zdj\u0119cia na stronie www"],"articleSection":["Tworzenie stron"],"inLanguage":"pl-PL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/wenet.pl\/blog\/zadbac-o-odpowiednie-grafiki-zdjecia-stronie-internetowej\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/wenet.pl\/blog\/zadbac-o-odpowiednie-grafiki-zdjecia-stronie-internetowej\/","url":"https:\/\/wenet.pl\/blog\/zadbac-o-odpowiednie-grafiki-zdjecia-stronie-internetowej\/","name":"Jak zadba\u0107 o odpowiednie grafiki i zdj\u0119cia na stronie internetowej?","isPartOf":{"@id":"https:\/\/wenet.pl\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wenet.pl\/blog\/zadbac-o-odpowiednie-grafiki-zdjecia-stronie-internetowej\/#primaryimage"},"image":{"@id":"https:\/\/wenet.pl\/blog\/zadbac-o-odpowiednie-grafiki-zdjecia-stronie-internetowej\/#primaryimage"},"thumbnailUrl":"https:\/\/wenet.pl\/blog\/wp-content\/uploads\/2020\/10\/GettyImages-1222963442.jpg","datePublished":"2020-10-13T08:23:41+00:00","dateModified":"2026-04-29T12:24:41+00:00","breadcrumb":{"@id":"https:\/\/wenet.pl\/blog\/zadbac-o-odpowiednie-grafiki-zdjecia-stronie-internetowej\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wenet.pl\/blog\/zadbac-o-odpowiednie-grafiki-zdjecia-stronie-internetowej\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/wenet.pl\/blog\/zadbac-o-odpowiednie-grafiki-zdjecia-stronie-internetowej\/#primaryimage","url":"https:\/\/wenet.pl\/blog\/wp-content\/uploads\/2020\/10\/GettyImages-1222963442.jpg","contentUrl":"https:\/\/wenet.pl\/blog\/wp-content\/uploads\/2020\/10\/GettyImages-1222963442.jpg","width":683,"height":512,"caption":"Social_network"},{"@type":"BreadcrumbList","@id":"https:\/\/wenet.pl\/blog\/zadbac-o-odpowiednie-grafiki-zdjecia-stronie-internetowej\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/wenet.pl\/blog\/"},{"@type":"ListItem","position":2,"name":"Jak zadba\u0107 o odpowiednie grafiki i zdj\u0119cia na stronie internetowej?"}]},{"@type":"WebSite","@id":"https:\/\/wenet.pl\/blog\/#website","url":"https:\/\/wenet.pl\/blog\/","name":"WeNet","description":"","publisher":{"@id":"https:\/\/wenet.pl\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wenet.pl\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/wenet.pl\/blog\/#organization","name":"WeNet","url":"https:\/\/wenet.pl\/blog\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/wenet.pl\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/wenet.pl\/blog\/wp-content\/uploads\/2021\/10\/logo-wenet-1.png","contentUrl":"https:\/\/wenet.pl\/blog\/wp-content\/uploads\/2021\/10\/logo-wenet-1.png","width":234,"height":56,"caption":"WeNet"},"image":{"@id":"https:\/\/wenet.pl\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/WeNet.Group\/"]},{"@type":"Person","@id":"https:\/\/wenet.pl\/blog\/#\/schema\/person\/663c322f24c283988a1ca82b0c9a755b","name":"Igor Starczak","image":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/wenet.pl\/blog\/wp-content\/uploads\/2025\/10\/wenet-blog.png","url":"https:\/\/wenet.pl\/blog\/wp-content\/uploads\/2025\/10\/wenet-blog.png","contentUrl":"https:\/\/wenet.pl\/blog\/wp-content\/uploads\/2025\/10\/wenet-blog.png","caption":"Igor Starczak"},"description":"Copywriter z wieloletnim do\u015bwiadczeniem w wielu bran\u017cach, specjalista od blog\u00f3w w CS Group.","url":"https:\/\/wenet.pl\/blog\/author\/igor-starczak\/"}]}},"jetpack_featured_media_url":"https:\/\/wenet.pl\/blog\/wp-content\/uploads\/2020\/10\/GettyImages-1222963442.jpg","jetpack_shortlink":"https:\/\/wp.me\/p5muuP-1dv","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wenet.pl\/blog\/wp-json\/wp\/v2\/posts\/4681","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wenet.pl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wenet.pl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wenet.pl\/blog\/wp-json\/wp\/v2\/users\/101021"}],"replies":[{"embeddable":true,"href":"https:\/\/wenet.pl\/blog\/wp-json\/wp\/v2\/comments?post=4681"}],"version-history":[{"count":6,"href":"https:\/\/wenet.pl\/blog\/wp-json\/wp\/v2\/posts\/4681\/revisions"}],"predecessor-version":[{"id":14336,"href":"https:\/\/wenet.pl\/blog\/wp-json\/wp\/v2\/posts\/4681\/revisions\/14336"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wenet.pl\/blog\/wp-json\/wp\/v2\/media\/4688"}],"wp:attachment":[{"href":"https:\/\/wenet.pl\/blog\/wp-json\/wp\/v2\/media?parent=4681"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wenet.pl\/blog\/wp-json\/wp\/v2\/categories?post=4681"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wenet.pl\/blog\/wp-json\/wp\/v2\/tags?post=4681"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}