Ugrás a tartalomra

Webhelyünk cookies-kat használ a jobb felhasználói élmény érdekében és egyes statisztikák készítéséhez. A további használathoz kattintson az OK gombon, mellyel hozzájárul, hogy a böngészője sütiket - cookie-kat - töltsön le. A további részletekhez-, adatvédelmi szabályzatunk megismeréséhez, kérjük olvassa el adatvédelmi szabályzatunkat: GevaPC Adatvédelmi szabályzata

GevaPC Tudástár Nyitóoldala GevaPC Tudástár
  • Tudástár
    • Netikett
    • Táblázatkezelés
    • ECDL Súgó
    • Adatbázis-kezelés
    • Keresés, böngészés
    • Levelezés, e-mail
    • Szövegszerkesztés
    • Digitális fotózás
    • Honlapkészítés
    • Google Nagykönyv
    • Kérdezze+
  • ECDL vizsgához
  • Blog
  • Rólunk...
    • Vendégkönyv
    • Elérhetőség
    • GevaPC adatok
    • Üzenetküldés
    • Bejelentkezés
    • GevaPC Adatkezelés
  • Kapcsolat
  • Belépés

Keresés űrlap

Fotó manipulációs Google .app - weboldal tulajdonosok nektek való!

Címlap » Iras » Fotó manipulációs Google .app - weboldal tulajdonosok nektek való!
Beküldte Geva - 2018. november 16. 11:15.
Fotó manipulációs Google .app - Squoosh.app
Tweet

Fotó manipulációs Google .app - Squoosh.app, íme egy új fejlesztés a Google applikációja a Squoosh.app, weboldal tulajdonosok számára ajánlom, kihagyhatatlan lehetőség, fotók és képek webre történő optimalizálásában. Működik mobilon is, egyszerűen elérhető böngésző felületén, csak az optimalizálandó fotót kell hozzá feltölteni.

Legfőbb gond a fotókat és képeket illetően a nagy méret! Jellemzően, a weboldalak szenvedik a legnagyobb hátrányát ennek, ugyanis lassul az oldal betöltése a nagy képméretekkel. Már pedig senki sem fog a bizonytalanra várni! Értsd: amíg nem töltődik be a hivatkozott oldal, addig nem tudni azt találta-e meg amit keresett. A honlap tulajdonosoknak ez forgalom korlátot jelent.

Mit kell tennie egy weboldal tulajdonosnak a feltöltendő képekkel, fotókkal?

Optimalizálni kell őket!
(a fenti képen egy pixabay.com-ról letöltött ingyenesen használható fotóját igyekeztem optimalizálni a webre. Kézi módszerrel, Gimp fotó szerkesztő program segítségével optimalizáltam a feltöltött képet. A Google Squoosh.app segítségével 10% körüli méretcsökkentést tudnék még elérni :-) kíváncsiságból muszály volt megnéznem hogyan dolgozok a Gimp programmal e téren!)

Cél, hogy az optimalizált fotó KB-okban mért mérete kisebb legyen, mint az eredetié! Mindeközben élvezhetőnek kell maradnia a böngészőben, hiszen bármi optimalizáló művelet a fotó-, kép minőségét rontja.

Kifejezetten képszerkesztési ismeretek kellenek ahhoz, hogy ezt el lehessen készíteni. Nem kevés idő és energia megtanulni egy olyan képszerkesztő használatát, amellyel mindezt el lehet végezni, de még az eredmény így is kétséges: átalakítás után derülhet ki - a böngészőben vagy a honlapodon megnézve, milyen lett az optimalizálás végeredménye, megfelelő-e vagy sem :-(

Fotó manipuláció a fotók optimalizálásához - Google Squoosh.app

A fotó manipulációs Google .app segítségével, a Squoosh.app-al úgy tudod optimalizálni a webre feltöltendő fotóidat és képeket, hogy közben folyamatosan látod az átalakított képet, közvetlenül az eredeti-, vagy másként optimalizált verziód mellett :-)
Ezáltal az optimalizás azonnal finomhangolható:

  • legelső lépésként a pixelekben megadott méretét csökkentsd! Honlap tulajdonosként tudnod kell mekkora az a pixelekben mért legnagyobb méret, amelyre szükség van a honlapodon, max egy apró ráhagyással, kerekítéssel közel olyan méretben töltsd fel!
    • Ettől az értéktől nagyobbat nem érdemes feltölteni, mert meglehet, a honlap automatikusan átméretezi azt feltöltéskor, ám a minőséget nem Te alakítod, elhomályosulhat a kép, amikro megjelenik valamelyik oldalon.
    • Kisebb méretben nem érdemes feltölteni, mivel az egységes megjelenéshez esetleg a honlap felnagyítja a képet és ez tutira minőség romlást okoz.
  • van egy választó vonal, a feltöltött kép kettéosztásához. Ezzel az eszközzel külön átalakításokat tudsz végezni a bal- és jobboldalon - mind2 oldalon ugyanazon beállítások állnak a rendelkezésedre. Nyilván ha az eredeti látványához szeretnéd hasonlítani az optimalizált fotó vagy kép látványát, akkor csak az egyik oldalt alakítod
  • megjelenik az eredeti kép KB mérete, illetve folyamatosan látod az átalakított kép méretét is, %-os arányban
  • folyamatosan látod - mert szemmel látható :-) - az átalakítás utáni látvány,
  • finoman hangolhatod az átméretezés, színek számának csökkentése, jpg képek minőségi százalékát, ...míg látod miként jelenik meg a manipulált fotód a böngészőben.
  • az egyik oldalon elkészített optimalizálást - ha már egy jó szintet elértél - átmásolhatod a másik oldalra és ott próbálkozhatsz további manipulációkkal, így elérve a fotó/kép és a fotó manipulációs applikáció adta lehetőségeket maximalisan kihasználva.

A fotó manipulációs applikáció a címsorba belinkelt oldalon érhető el, használata teljesen ingyenes, regisztrálni sem kell hozzá.

2 fő szempont - erre törekedj weboldal tulajdonosként a fotók manipulálásánál!

A Google Squoosh.app felületén elég figyelned arra, hogy

  • minél nagyobb legyen az optimalizálási érték, azaz minél nagyobb % értéket mutat, a méret csökkentés mértékére:

     
  • amit látsz az átalakítot képen az legyen szép :-)

Szerinted hasznos? Próbáltad és sikerült? Oszd meg velünk, lájkold a GevaPC facebook oldalán, kövess további hasznos infókért!

Hírlevelek: 
GevaPC hírlevél
GevaPC Tudástár: 
Digitális fotózás
Kapcsolódó írások: 
Képszerkesztés ECDL modul
Képszerkesztés
  • Új hozzászólás
  • oldal küldése emailben
  • 1295 olvasás

Google NagyKönyv

  • 7 szuper hasznos Google Sheets függvény és megoldás
  • Bemutatókészítéssel bővült a Google Docs
  • Email visszavonás - Gmail
  • Fordítás a neten
  • Fotó manipulációs Google .app - weboldal tulajdonosok nektek való!
  • GMail - Videó csevegés
  • Gmail címtár - névjegyek
  • Gmail címtár és a kapcsolatok
  • Gmail levelezés extrákkal
  • Google Crome, a böngészők nagyágyúja
  • Google Csoportok
  • Google Maps - útvonalterv
  • Google Maps és Google Earth
  • Google TV
  • Google keresés I.
  • Google képkeresés tippek és trükkök
  • Gépi online fordítás Google módra
  • Inkognitóban a Google Chrome böngészővel
  • Irány a galaxis - Google Sky
  • Jó napom van :-)
  • Lefordított keresés
  • Magyarul is fordít online a Google
  • Meddig növekszik a béta bébi?
  • PageRank
  • Panoramio fotók - Google Earth
  • Válogass, kommentezz a Google találati listáján

GevaPC Tudástár

  • Netikett
  • Táblázatkezelés
  • ECDL Súgó
  • Adatbázis-kezelés
  • Keresés, böngészés
  • Levelezés, e-mail
  • Szövegszerkesztés
  • Digitális fotózás
  • Honlapkészítés
  • Google Nagykönyv
  • Kérdezze +

Megtaláltad amit kerestél?

Kérlek: Mondd el a véleményedet!

Kövess!

GevaPC Szolgáltatások

  • GevaPC Drupal honlapok, Drupal sminkek
  • GevaPC Felhasználói Tudástár
  • GevaPC Webshop demo
  • Kőeccerű - Dobd össze!
  • GevaPC Adatkezelési szabályzat

gevapc-top-10-p.jpg

Aktív fórumtémák

  • Makró készítése a megoldás?
  • Négyismeretlenes egyenletrendszer megoldása excel segítségével
  • Dátumokkal számolás
  • függvények egymásbaágyazása
  • Képlet excel cellában.
Tovább
GevaPC Informatika

Érvényes CSS!

Villám viccek :-)

Hajótörött egér
egerke - Hogyan hívják a hajótörött egeret? - Robinson Kurzor
Egér a templomból
Egér a templomból- Hogyan szökött meg az egér a templomból? - Rákattintott egy ikonra, amitől kinyílt egy ablak és azon gyorsan kisurrant.
Tévedni emberi dolog
vicc: Tévedni emberi dologTévedni emberi dolog, de mindent igazán összekutyulni csak számítógéppel lehet.
A számítógép rémálma

vicc: A számítógép rémálmaKét számítógép beszélget:

- Iszonyatos rémálmom volt,
- Mit álmodtál?
- 0 1 1 1 0 1 0 0 2

Az informatikus kölcsön ad
Az informatikus kölcsön adBarátja pénzt kér kölcsön az informatikustól: - Tudnál adni egy ezrest? - Igen, de legyen 1024 hogy kerek legyen...
Hogy hívják
vicc: Hogy hívják- Hogy hívják apacs nyelven a Windowst? - ??? - Fehér ember várni homokóra.
Lemezt a lemezegységbe
lemezAzt írja: - tegye be a 3. lemezt az A: egységbe... De hisz már a második is alig fért bele ...
Mágnes és a floppy
vicc: Mágnes és a floppy - Apu, tudtad, hogy a mágnes nem vonzza a floppy-jaidat?
A számítógép előnye
számítógép Számítógéppel sokkal könnyebben oldhatók meg azok a feladatok, amiket nélküle nem is kellene megoldani.
Nő és a számítógép
vicc: Nő és a számítógép- Honnan lehet tudni, hogy egy nő használta a számítógéped? - Az egér előtt sajt van, a joystickon rúzsnyomok, a cd-tálcán kávéscsésze, a monitoron meg hibajavító festék.
Windows Vista
Windows Vista - Astala Vista - Mit ír ki a Windows Vista, amikor lefagy? - ??? - Astala Vista!
Mit keres a részeg a számítógépben?
vicc: Mit keres a részeg a számítógépben?- Mit keres egy részeg a számítógépben? - A CD-RUM-ot.
a Nagy Ő
vicc: a Nagy Ő - Hogy találod meg a Nagy Ő-t? - Shift és kis ő.
Egérfogás

Melyik egeret a legkönnyebb megfogni? - ????
- Amelyikkel a kurzort mozgatod!

Lábnyom a képernyőn
vicc: Lábnyom a képernyőn - Miért van a szőke nő monitorján cipőnyom? - Mert megpróbált belépni az internetre.
Miért biztos, hogy megbízhatóbb a Linux mint a Windows?
Linux PingvinPingvin - Miért biztos, hogy megbízhatóbb a Linux mint a Windows? - ??? - Mert befagyott ablakot már mindannyian láttunk, de megfagyott pingvint?
Mit beszél az egér?

-)Pistikétől megkérdezi az anyukája:
- Pistike, hogy beszél a kutya?
- Vau-vau
- és a macska?
- Miau-miau.
- és az egér?
-Klikk-klikk

itt az összes :-)

Hírlevelek

Melyik témában vagy témákban szeretnél tájékozott lenni? Jelöld és kattints! Már küldöm is a mail fiókodba!

Köszönöm hogy a GevaPC-t olvasod! Az értesítőre / hírlevélre történő feliratkozással egy időben igazolod, hogy elolvastad és elfogadod a GevaPC Adatkezelési nyilatkozatát

GevaPC Tudástár témakörök

  • Netikett
  • Táblázatkezelés
  • ECDL Súgó
  • Adatbázis-kezelés
  • Keresés, böngészés
  • Levelezés, e-mail
  • Szövegszerkesztés
  • Digitális fotózás
  • Honlapkészítés
  • Google Nagykönyv
  • Kérdezze +

A legnépszerűbb tartalmak

Népszerű gevapc.hu tartalmak, megtekintések száma szerint

Egyszerű- és kamatos kamatszámítás 152 604
GevaPC Tudástár - A megoldás kulcsa számítógépen 128 173
Vizsgafeladatok megoldással 64 026
Google Maps - útvonalterv 60 826
ECDL 7.modul keresései 56 539
Gmail levelezés extrákkal 55 587
Fordítás a neten 43 820
Keresztárfolyam számítás - excellel 35 722
ECDL vizsgához, ECDL Súgó 35 458
4. Táblázatkezelés 34 214
©GevaPC 2006-2017 created by Geva
Adatkezelési nyilvántartási szám: NAIH-61353/2013.