• Ugrás az elsődleges navigációhoz
  • Skip to main content
  • Ugrás az elsődleges oldalsávhoz
  • Ugrás a lábléchez

Weboldal készítés

Weboldal, ami üzletet hoz

  • SEO
  • Webshop készítés
  • Blog
  • Kapcsolat

Képek méretezése weboldalra

Most itt vagy: Főoldal / Dizájn / Képek méretezése weboldalra

2018.12.08. by DeakAndras Szólj hozzá!

Hogyan jelenítsünk meg képeket a Weboldalunkon?

A képek méretezése a kulcs a jó megjelnítéshez. Itt megtudhatod, miért.

 

Képek méretezéseA képek beillesztése könnyű… de

A modern tartalomkezelő rendszerekkel egy-egy kép beillesztése pillanatok kérdése. Weboldal készítés során könnyen beilleszthetünk képeket, galériákat, akár diasorozatokat (slidereket) is.

Egy dologra azonban oda kell figyelnünk, és ez nem más, mint a képek méretezése.

 

Mekkora helyet foglalnak a képek?

A szöveges infromáció a számítástechnikában nagyon könnyen tárolható. A képi anyag sokkal több helyet foglal. Míg egy kép könnyedén lehet több megabyte méretű, egyetlen megabyte-ban hozzávetőlegesn 300 oldalnyi szöveget tárolhatunk el. A weboldalak szöveges része tehát a méretük elhanyagolható részét teszik ki. A weboldal mérete gyarkolatilag a weboldalon elhelyezett képek méretétől függ.

A mobiltelefonok kamerái időközben egyre nagyobb felbontású képeket készítenek. Egy iPhone 8 átlagosan 1,7 MB méretű 4032 px x 3024 px felbontású képeket készít. Ez fantasztikus teljesítmény egy mobiltelefontól. Ugyanakkor internetes használathoz teljesn fölösleges ilyen jó felbontású képeket használni. Sőt kifejezetten káros. Egy full HD-s laptopkijelző 1920 x 1080 pixeles. Tehát a fotó képpontjainak mégy egy Full HD-s kijelző is csak a hatodát tudja megjeleníteni.

Őrültjó képeket tudunk tehát készíteni, ettől azonban a képek mérete is nagy lesz. Miközben egy átlagos kijelző, amin a képet nézzük, messze nem tud ilyen minőséget produkálni.

 

gyors weboldalA lényeg a felhasználói élmény

Az egy dolog, hogy a tárhelyért, ahol a weboldaladat tárolod, fizetned kell. Minél több helyet foglal a weboldalad, annál többet. Ennél azonban sokkal fontosabb, hogy amikor valaki meglátogatja a weboldalad, a képeknek le kell töltődniük. Ha nagy méretű képeket kell letöltenie, lassan fog betöltődni az oldalad. Ez pedig pedig csapnivaló felhasználói élményhez fog vezetni. A probléma különösen égető, ha a látogató internetkapcsolata nem igazán gyors. És itt nem a lassú otthoni internetes kapcsolatok szoktak problémásak lenni, hanem mobilos internet kapcsoaltok. Ha éppen kevésbé erős a mobil lefedettség, még ha jó előfizetése van az embernek, akkor is limitált lesz az adatsebesség.

A képek méretezésekor azért kell a lehető legkisebb méretre törekedni, hogy minden felhasználó számára gyorsan töltődjön be az oldalad. Még akkor sem, ha egy erdőben használja a mobilnetet. Természeten nem szabad túlzásba esni. A képnek megfelelő minőségűnek kell maradnia.

A mobil internettel kapcsolatos szűk keresztmetszetekre feltétlen oda kell figyelned, mert ma már többet internetezünk mobilról, mint asztali számítógépről.

 

Kép méretezésHogyan oldható meg a képek méretezése?

A képek méretezése több ingyenes programmal is megoldható. Ezek közül a teljesség igénye nélkül néhány:

  • Preview (Mac gépekhez)
  • Paint (Windows)
  • Gimp (Ingyenesen letölthető)

 

A preview-ban a mellékelt ablakban könnyen lehet méretezni a képet. A többi itt felsorolt alkalmazás esetében szintén könnyen megoldható a képméretezés.

 

Neked melyik a kedvenc képméretező alkalmazásod?

Oszd meg egy hozzászólásban!

Dizájn,  Weboldal készítés

Reader Interactions

Vélemény, hozzászólás? Kilépés a válaszból

Hozzászólás küldéséhez be kell jelentkezni.

Elsődleges oldalsáv

Legutóbbi bejegyzések

  • Egyre magasabbak a SEO árak. Hogyan spóroljunk ésszel és hatékonyan?
  • ShopRenter vagy WordPress WooCommerce? Melyiket válasszam?
  • Google weboldal regisztráció – Első lépés a weboldal optimalizálás terén
  • Mitől sikeres egy vállalkozói weboldal?
  • Az 5 legjobb online betűtípus felismerő

Dolgozzunk együtt!

 

Vedd fel velünk a kapcsolatot és oszd meg velünk elképzeléseidet.

 

Üzenetedre egy napon belül válaszolunk.

 

 

Footer

Közösségi Média

Kövessen minket közösségi media oldalainkon.

  • Facebook
  • LinkedIn
  • Pinterest
  • Twitter

Kapcsolat

WEBKAPU
Bölcső u. 7.
Get Directions
info@webkapu.hu
Mo,Tu,We,Th,Fr 09:00 – 18:00; Sa 10:00 – 16:00

Navigáció

  • Honlap készítés
  • Partnereink
  • Kapcsolat
  • Repterek forgalma
  • Weboldal készítés országosan

Hírlevél

Iratkozzon fel, hogy naprakész maradjon!

© 2023 · WEBKAPU