{"id":3145,"date":"2025-05-14T11:23:02","date_gmt":"2025-05-14T09:23:02","guid":{"rendered":"https:\/\/semmelweis.hu\/wiki\/?page_id=3145"},"modified":"2025-10-21T10:07:30","modified_gmt":"2025-10-21T08:07:30","slug":"kepek-meretenek-optimalizalasa","status":"publish","type":"page","link":"https:\/\/semmelweis.hu\/wiki\/tartalom-kezeles\/kepek-meretenek-optimalizalasa\/","title":{"rendered":"K\u00e9pek m\u00e9ret\u00e9nek optimaliz\u00e1l\u00e1sa"},"content":{"rendered":"<h1>K\u00e9pek optimaliz\u00e1l\u00e1sa IrfanView programmal<\/h1>\n<p>A honlapokra <strong>kis m\u00e9ret\u0171, azaz webre optimaliz\u00e1lt<\/strong> k\u00e9peket sz\u00fcks\u00e9ges felt\u00f6lteni az\u00e9rt, hogy <strong>a honlapunk gyorsan bet\u00f6lt\u0151dj\u00f6n<\/strong>, hiszen menn\u00e9l nagyobb egy f\u00e1jl kilobyte-ban vagy megabyte-ban m\u00e9rt m\u00e9rete, ann\u00e1l t\u00f6bb adatot kell a b\u00f6ng\u00e9sz\u0151nek let\u00f6ltenie <em>(legyen az asztali vagy mobil!)<\/em>, ami lass\u00edthatja a weboldal megjelen\u00edt\u00e9s\u00e9t <em>(nem tudhatjuk, hogy az olvas\u00f3nknak mennyire gyors az internetel\u00e9r\u00e9se)<\/em>.<\/p>\n<p>Egy webre optimaliz\u00e1lt k\u00e9p m\u00e9rete jellemz\u0151en <strong>maximum 2-300 KB<\/strong> \u00e9s ha nincs benne \u00e1tl\u00e1tsz\u00f3 ter\u00fclet, akkor <strong>.jpg form\u00e1tum\u00fa<\/strong> (a png t\u00edpus\u00fa f\u00e1jlok jellemez\u0151en nagyobb m\u00e9ret\u0171ek). A k\u00e9pek pixelben megadott m\u00e9rete szempontj\u00e1b\u00f3l el\u00e9gs\u00e9ges az <strong>1600 px sz\u00e9less\u00e9g \u00e9s\/vagy magass\u00e1g<\/strong>.<\/p>\n<div class=\"w-100\">\n<div class=\"fontos_div\">\n<p>Amennyiben olyan k\u00e9pekkel dolgozunk, amelyeknek a m\u00e9rete meghaladja a fent le\u00edrt param\u00e9tereket, \u00fagy sz\u00fcks\u00e9gess\u00e9 v\u00e1lik a k\u00e9pek optimaliz\u00e1l\u00e1sa.\u00a0<span style=\"background-color: transparent;\">A nagy m\u00e9ret\u0171 f\u00e1jlok felt\u00f6lt\u00e9se <\/span><span style=\"background-color: transparent;\">nem csak a honlap lassul\u00e1s\u00e1t eredm\u00e9nyezi, hanem a t\u00e1rhelyet is terheli, ami id\u0151vel betelhet.<\/span><\/p>\n<\/div>\n<\/div>\n<h4><strong><br \/>\nHogyan optimaliz\u00e1ljuk a k\u00e9peket?<\/strong><\/h4>\n<p>Az optimaliz\u00e1l\u00e1shoz (azaz kicsiny\u00edt\u00e9shez) b\u00e1rmilyen k\u00e9pszerkeszt\u0151 programot haszn\u00e1lhatunk, amelyet tudunk kezelni. Ha nincs erre a c\u00e9lra megszokott programunk, akkor \u00e9rdemes az <strong>ingyenesen el\u00e9rhet\u0151 IrfanView szoftvert<\/strong> haszn\u00e1lni, amivel \u00fagy tudjuk a k\u00e9pek m\u00e9ret\u00e9t cs\u00f6kkenteni, hogy k\u00f6zben nem romlik jelent\u0151sen annak a min\u0151s\u00e9ge, de sz\u00fcks\u00e9g eset\u00e9n bele is v\u00e1ghatunk a k\u00e9pbe. Az IrfanView jellemz\u0151en minden egyetemi sz\u00e1m\u00edt\u00f3g\u00e9pen el\u00e9rhet\u0151 szoftver, azonban ha m\u00e9gsem tal\u00e1ljuk, akkor a helyi rendszergazd\u00e1kkal sz\u00fcks\u00e9ges egyeztetni, akik elv\u00e9gzik a program telep\u00edt\u00e9s\u00e9t.<\/p>\n<p>Ha az IrfanView nem az alap\u00e9rtelmezett k\u00e9pszerkeszt\u0151 programunk (azaz eleve nem ezzel ny\u00edlnak meg a k\u00e9pf\u00e1jlok), akkor a k\u00f6vetkez\u0151ket tegy\u00fck:<\/p>\n<ul>\n<li>v\u00e1lasszuk ki az optimaliz\u00e1lni k\u00edv\u00e1nt k\u00e9pet, majd kattintsunk r\u00e1 <strong>jobb klikk<\/strong>el,<\/li>\n<li>v\u00e1lasszuk a <strong>T\u00e1rs\u00edt\u00e1s&gt;IrfanView<\/strong> lehet\u0151s\u00e9get.<\/li>\n<li>a k\u00e9p megnyit\u00e1s\u00e1t k\u00f6vet\u0151en v\u00e1lasszuk az <strong>Image&gt;Resize\/Resample<\/strong>\u00a0 (K\u00e9p&gt;M\u00e9retv\u00e1ltoztat\u00e1s) men\u00fcpontot vagy nyomjuk le a Ctrl+R gombot.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3148 aligncenter\" src=\"https:\/\/semmelweis.hu\/wiki\/files\/2025\/05\/infranview-optimalizalas-1.jpg\" alt=\"\" width=\"954\" height=\"767\" srcset=\"https:\/\/semmelweis.hu\/wiki\/files\/2025\/05\/infranview-optimalizalas-1.jpg 954w, https:\/\/semmelweis.hu\/wiki\/files\/2025\/05\/infranview-optimalizalas-1-400x322.jpg 400w, https:\/\/semmelweis.hu\/wiki\/files\/2025\/05\/infranview-optimalizalas-1-150x121.jpg 150w, https:\/\/semmelweis.hu\/wiki\/files\/2025\/05\/infranview-optimalizalas-1-768x617.jpg 768w, https:\/\/semmelweis.hu\/wiki\/files\/2025\/05\/infranview-optimalizalas-1-753x605.jpg 753w\" sizes=\"auto, (max-width: 954px) 100vw, 954px\" \/><\/p>\n<p>A felugr\u00f3 ablakban van lehet\u0151s\u00e9g\u00fcnk be\u00e1ll\u00edtani az \u00faj k\u00e9pm\u00e9retet \u00fagy, hogy annak a min\u0151s\u00e9ge ne romoljon nagy m\u00e9rt\u00e9kben. Ne felejts\u00fck el, hogy <strong>fekv\u0151 k\u00e9pn\u00e9l t\u00f6bbnyire el\u00e9gs\u00e9ges a 950-1300 pixel<\/strong> sz\u00e9less\u00e9g, m\u00edg <strong>\u00e1ll\u00f3 k\u00e9pn\u00e9l a 600-700 pixel<\/strong> k\u00e9psz\u00e9less\u00e9g. <em>(A kiemelt k\u00e9pek pl. nyit\u00f3lapi h\u00edrek vagy csemp\u00e9s megjelen\u00edt\u00e9s a sz\u00fcks\u00e9ges k\u00e9par\u00e1ny 950px X 633px) <\/em><\/p>\n<p><strong>A Set new Size<\/strong>\u00a0<strong>-n\u00e1l <\/strong>a<strong> Width (Sz\u00e9less\u00e9g) \u00e9rt\u00e9kn\u00e9l<\/strong> tudjuk megadni az \u00faj tetsz\u0151leges m\u00e9retet. A Height (Magass\u00e1g) \u00e9rt\u00e9kn\u00e9l nem sz\u00fcks\u00e9ges tov\u00e1bbi adatot megadnunk, hiszen az automatikusan m\u00f3dosul.<\/p>\n<p><strong>A m\u00e1sodik \u00e9rt\u00e9k a DPI<\/strong>, amely a nyomtat\u00f3k \u00e9s kijelz\u0151k pont-, illetve pixels\u0171r\u0171s\u00e9g\u00e9nek jellemz\u00e9s\u00e9re szolg\u00e1l\u00f3 m\u00e9rt\u00e9kegys\u00e9g. A lenti p\u00e9ld\u00e1ban az eredeti k\u00e9p eset\u00e9ben 300-as \u00e9rt\u00e9k van megadva, amit \u00e1ll\u00edtsunk \u00e1t 72-es \u00e9rt\u00e9kre, hiszen a legt\u00f6bb k\u00e9perny\u0151 ezen a tartom\u00e1nyon fel\u00fcl m\u00e1r nem k\u00e9pes t\u00f6bb pixelt megjelen\u00edteni.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3153 aligncenter\" src=\"https:\/\/semmelweis.hu\/wiki\/files\/2025\/05\/Resample-1.jpg\" alt=\"\" width=\"1086\" height=\"445\" srcset=\"https:\/\/semmelweis.hu\/wiki\/files\/2025\/05\/Resample-1.jpg 1086w, https:\/\/semmelweis.hu\/wiki\/files\/2025\/05\/Resample-1-400x164.jpg 400w, https:\/\/semmelweis.hu\/wiki\/files\/2025\/05\/Resample-1-1024x420.jpg 1024w, https:\/\/semmelweis.hu\/wiki\/files\/2025\/05\/Resample-1-150x61.jpg 150w, https:\/\/semmelweis.hu\/wiki\/files\/2025\/05\/Resample-1-768x315.jpg 768w, https:\/\/semmelweis.hu\/wiki\/files\/2025\/05\/Resample-1-753x309.jpg 753w\" sizes=\"auto, (max-width: 1086px) 100vw, 1086px\" \/><\/p>\n<p>A megadott \u00e9rt\u00e9k ut\u00e1n kattintsunk az OK gombra, ezzel elfogadva a m\u0171veletet. Ezut\u00e1n <strong>ments\u00fck el a k\u00e9pet File (F\u00e1jl) &gt; Save as (Ment\u00e9s m\u00e1sk\u00e9nt)<\/strong> az \u00e1ltalunk megadott k\u00f6nyvt\u00e1rba, ami m\u00e1r az optimaliz\u00e1lt verzi\u00f3t fogja elmenteni. Figyelj\u00fcnk arra, hogy a felt\u00f6ltend\u0151 f\u00e1jlnevek ne tartalmazzanak \u00e9kezetet, sz\u00f3k\u00f6zt, pontot vagy vessz\u0151t.<\/p>\n<div class=\"fontos_div w-100\">\n<p><span style=\"color: #ff6600;\"><strong>Fontos! <\/strong><\/span>Amennyiben csak egyszer\u0171en ment\u00fcnk, az eredeti k\u00e9pet fel\u00fcl\u00edrjuk, \u00e9s elvesz\u00edtj\u00fck a nagy m\u00e9ret\u0171 k\u00e9pverzi\u00f3t. \u00c9rdemes ink\u00e1bb az optimaliz\u00e1lt k\u00e9peket m\u00e1sik f\u00e1jln\u00e9vvel menteni <em>(pl. kieg\u00e9sz\u00edteni az eredeti f\u00e1jlnevet p\u00e1r karakterrel)<\/em> \u00e9s\/vagy k\u00fcl\u00f6n k\u00f6nyvt\u00e1rban gy\u0171jteni, \u00edgy egyszer\u0171bb a k\u00e9pek kezel\u00e9se \u00e9s felt\u00f6lt\u00e9se a honlapra. \u00a0<\/p>\n<\/div>\n<p>A fenti esetben a <strong>t\u00f6bb, mint 11,5 MB-os k\u00e9p csup\u00e1n 162 KB helyet foglal el a kicsiny\u00edt\u00e9s ut\u00e1n<\/strong> \u00edgy l\u00e1that\u00f3 mennyi helyet takar\u00edthatunk meg, valamint a weboldalunk is sokkal gyorsabban fog bet\u00f6lt\u0151dni a l\u00e1togat\u00f3 sz\u00e1m\u00e1ra.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>K\u00e9pek optimaliz\u00e1l\u00e1sa IrfanView programmal A honlapokra kis m\u00e9ret\u0171, azaz webre optimaliz\u00e1lt k\u00e9peket sz\u00fcks\u00e9ges felt\u00f6lteni az\u00e9rt, hogy a honlapunk gyorsan bet\u00f6lt\u0151dj\u00f6n, hiszen menn\u00e9l nagyobb egy f\u00e1jl kilobyte-ban vagy megabyte-ban m\u00e9rt m\u00e9rete, ann\u00e1l t\u00f6bb adatot kell a b\u00f6ng\u00e9sz\u0151nek let\u00f6ltenie (legyen az asztali vagy mobil!), ami lass\u00edthatja a weboldal megjelen\u00edt\u00e9s\u00e9t (nem tudhatjuk, hogy az olvas\u00f3nknak mennyire gyors az &hellip;<\/p>\n","protected":false},"author":102484,"featured_media":0,"parent":949,"menu_order":5,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth.php","meta":{"_acf_changed":false,"footnotes":""},"categories":[],"tags":[],"class_list":["post-3145","page","type-page","status-publish","hentry"],"acf":[],"publishpress_future_action":{"enabled":false,"date":"1970-01-01 01:00:00","action":"","terms":[],"taxonomy":"","browser_timezone_offset":0},"_links":{"self":[{"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/pages\/3145","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/users\/102484"}],"replies":[{"embeddable":true,"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/comments?post=3145"}],"version-history":[{"count":10,"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/pages\/3145\/revisions"}],"predecessor-version":[{"id":3337,"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/pages\/3145\/revisions\/3337"}],"up":[{"embeddable":true,"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/pages\/949"}],"wp:attachment":[{"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/media?parent=3145"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/categories?post=3145"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/tags?post=3145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}