# Képek optimalizálása (ismét) **URL:** https://vaperina.cc/t/kepek-optimalizalasa-ismet/9735 **Category:** Gépház **Created:** 2022-03-19T07:06:50Z **Posts:** 3 ## Post 1 by @Donat — 2022-03-19T07:06:50Z ![vaperina-img](https://assets.vaperina.cc/original/3X/6/e/6e982cd178a7fd9aed4e86f1fd45df94d8708a44.jpeg) **Sziasztok!** :slightly_smiling_face: Egy korábbi témámban bemutattam nektek egy új funkciót. Ez a [Képek feltöltés előtti optimalizálása](https://vaperina.cc/t/kepek-feltoltes-elotti-optimalizalasa/6349) volt. Ez a funkció sok esetben kiválóan működik, azonban van néhány probléma vele, amiért most ezt a témát írom. * * * Az alap ötlet és logika ami e mögött áll az, hogy a túlságosan nagy méretű képeket, feltöltés előtt felhasználói oldalon optimalizáljuk. Ez annyit jelent, hogy a felhasználó készülékének erőforrásait használva optimalizálódik a fotó. Majd az elkészült kép kerül feltöltésre a Vaperinára, így levéve a terhet a szerverről. Jól hangzik igaz? :slightly_smiling_face: Számunkra mindenképpen. Azonban akad egy két bökkenő, amikre tulajdonképpen az eddigi használat alatt derült jobban fény. A probléma az, hogy a gyártók előszeretettel tesznek mindenféle aránytalanul hiperszuper kamerát egyes mobil készülékekbe, melyhez a kapcsolódó erőforrás kicsit gyengécske. Ez sajnos az előbb említett funkcióval nem igazán működik jól mivel… tegyük fel készítesz egy 20MB -os képet a telefonnal ami igen nagynak mondható, de van aki ennél jóval nagyobb képeket szokott készíteni… Ezt a képet több mint valószínű a legtöbb Androidos készülékkel nem tudod feltölteni az oldalra _(újakkal nagyobb eséllyel)_ mert amint bekapcsol az optimalizálási folyamat már a készüléked processzora dolgozik ami legtöbbször nem elég erős a folyamat teljesítéséhez. Más a helyzet számítógép illetve Apple és új készülékek esetén. Ahol jobban optimalizáltak az erőforrások. Ezeknél gond nélkül lefut a folyamat. Igaz, hogy az optimalizálási folyamat automatikusan kikapcsol ha úgy látja nem fogja tudni befejezni, azonban ez elég sok idő főleg régebbi készülékeknél. * * * Kaptunk néhány visszajelzést ezzel kapcsolatban az elmúlt időszakban. Ezért ezt a funkciót kikapcsoltam és inkább máshogy oldottam meg. Mivel az elsőszámú szempont a felhasználó és egyébként is egyszerűbb így, mint folyamatosan elmagyarázni, hogy miért nincs szüksége 40-50MP -es képekre általános felhasználás mellett… A ~korlátlan feltöltési határ megmaradt viszont sokkal gyorsabb lett a feltöltés nagy képek esetén is, mivel kihagyjuk a feldolgozási fázist. Tehát a felhasználó készülékének erőforrásait nem használjuk az előbb említett okok miatt. A képeket feltöltés közben 1. optimalizáljuk max (4MB) 2. méretre szabjuk asztali (2048px), mobil (1080px) 3. majd az így optimalizált kép kerül a tárhelyre ahonnan [CDN](https://en.wikipedia.org/wiki/Content_delivery_network) -el közvetítjük az oldalra. 4. A CDN -en átkonvertáljuk .webp formátumra _(amennyiben lehetséges)_, így még kisebb lesz a megjelenített kép. Példa: Nézzünk egy 57MB -os képet. 4 méretet használunk. 1. **Témalistázásnál használt kép** 2. **Miniatűr kép (thumbnail)** 3. **Teljes méretű kép** 4. **Eredeti kép** Ez az a kép ami feltöltés során a szerverre kerül. Fontos: Ez nem az a kép ami a készülékeden van. A feltöltés során némi optimalizáláson megy keresztül amiket az imént írtam. Ez a kép letölthető a letöltés gombra kattintva. A kép mérete **3.65MB** * * * A fenti példa erre a képre vonatkozik és jól mutatja, hogy akár egy 54MB -os képet is pár KB -ra optimalizálhatunk. Ez által gyorsabban betöltenek a képek és olcsóbb is az oldal használata. :slightly_smiling_face: Na persze itt természetesen arra gondolok, hogy jóval kevesebb adatforgalmat generálunk így mintha folyamatosan az eredeti vagy a teljes méretű képet hívnánk le. Vannak részek amik eddig is így működtek és vannak új dolgok is. Most megpróbáljuk így és meglátjuk, hogy lesz e valami probléma vele. Ha ilyet tapasztalsz, kérlek jelezd :slightly_smiling_face: Köszönjük! **Szép napot!** :heart: --- ## Post 2 by @Atis — 2022-03-19T07:47:02Z Szervusz Donát ! :slight_smile: Köszönjük a munkád ! :heart: :blush: :hugs: --- ## Post 3 by @Robert_Horvath — 2022-03-19T09:47:00Z Szia Donát! :ok_hand::ok_hand::ok_hand::handshake:köszönjük​:slightly_smiling_face:!