Frissítve 2020. június 14-én, vasárnap

súlyát

Javítsa a képek betöltését a WordPress webhelyeire

Azért hangsúlyozom a WordPress-t, mert a tartalomkezelővel bárki kezelheti tartalom létrehozását vagy szerkesztését egy webhelyen (minimális tudással a kezelésében).

Ezenkívül általában olyan emberekről van szó, akik nem figyelnek bizonyos ilyen típusú részletekre, és jobban érdeklik a saját érdekükben történő tartalom megírása.

Az általam ajánlott programok és eszközök azonban bármilyen típusú weboldalra alkalmazhatók. Valójában a legtöbbet használt program a Photoshop, a TinyPNG online eszközzel kombinálva.

Banner - WordPress: optimalizálja a webkép súlyát

1. megjegyzés: Mindig webről vagy digitális adathordozóról beszélünk, soha nem nyomtatunk.

Index

  1. A képek részletei: méret, felbontás, súly
  2. Példák: kamera és adatsebesség
  3. Programok, eszköz, tanácsok és bővítmények
    - Képszerkesztő programok (Mac/Windows): méret módosítása
    - Online eszköz: a tömörítés (csökkentés)
    - 'AyudaWP' tipp: csökkentse a WordPress méretét
    - WordPress bővítmények: a képek tömegének tömörítése (csökkentése)
  4. Video-bemutató
  5. Vélemény

A képek részletei: méret, felbontás, súly

2. megjegyzés: Ez a cikk annak a felhasználónak szól, aki nem érti a web jelentőségét a fotógalériák terén.

Méret

960 x 720 képpont (ajánlott max.).

Web felbontás

72 dpi (pixel méret szerint).

Átlagos képenkénti súly

Körülbelül 150 KB (elkerülve az MB-ot), ha JPG formátumú (a PNG formátum súlya nagyobb, de kisebb a minőségromlása, és fóliákhoz, sík képekhez, valamint szövegekhez használják).

Példák: kamera és adatsebesség

Kamera

Képpontokban kezelik a méret és egyből származnak felbontás 72 dpi:
- 12 megapixel = 4000 x 3000 képpont (ezt a méretet max. 960 x 720 képpontra kell csökkenteni). 4 MB (csökkentse kb. 150 KB-ra)

Adat terv

Általában mobileszközök vagy táblagépek esetében bizonyos dolgokat kezelnek súly, Valamiben kifejezve:
- 1 GB = 1000 MB (legolcsóbb adatsebesség).
Egyéb adatintézkedések:
- 1 MB = 1000 KB (figyeljen erre a KB súlyra, amelyet alább láthatunk).
- 1 KB = 1000 B.

El kell érnünk, hogy a fotóink 1 MB-nál kisebbek legyenek. Az ideális érték kisebb lenne, mint 150 KB, figyelembe véve a cikkben példának okozott méretet: 960 x 720 px, a felbontás: 72 dpi és a formátum: JPG.

Programok, eszköz, tanácsok és bővítmények

Programok szerkesztése
Szükség esetén átméretezés (pixel).

Online eszköz
A súly további tömörítése (csökkentése) és a minőség megőrzése (JPG, PNG formátumok).

Tipp: „WordPress súgó”
Távolítsa el a WordPress által létrehozott bizonyos alapértelmezett méreteket.

WordPress beépülő modulok
Három típust emelek ki, amelyek a legtöbben ajánlottak a súly tömörítésére (csökkentésére), bár óvatos lennék velük, mert a WordPress-ben több problémát okozó pluginok a fotógalériákéi, és ezek a képek optimalizálása érdekében.

3. megjegyzés: A képgaléria beépülő moduljainak megfelelő helyettesítője a natív WordPress galéria lehet, és ha a témádnak nincsenek előugró ablakai a képek bemutatásához, akkor van egy bővítmény, amely igen, Reagáló fénydoboz.

Képszerkesztő programok (Mac/Windows): átméretezés

Szükség esetén a méret (pixel) megváltoztatása. Ingyenes programok .

Előnézet (Mac).

- A kép méretének (méretének) módosítása:
Nyissa meg bármelyik fényképet az „Előnézet”> Eszközök> Méret módosítása> Képméretek menüponttal.

Előnézet - Példa paraméterekre (kattintson a nagyításhoz)

1. Illesztés: Egyéni (pixel).
2. Szélesség: 960/Magasság: 720 (képpont).
3. Felbontás (dpi): 72 (képpont/hüvelyk).
4. Méretarányos arány (igen).
5. Minta kép (igen).
6. Elfogadni.

- Mentsd el a képet JPG (JPEG), PNG vagy más formátumban:
Fájl> Exportálás> Exportálás (név kiválasztása)> Menteni kívánt mappa (Asztal)> Formázás (amit csak akar)> Mentés.

Gimp (Mac/Windows/Linux).

- A kép méretének (méretének) módosítása:
Nyissa meg bármelyik fényképet a 'Gimp'> Kép> Kép méretezése lehetőséggel.

Gimp - Példa paraméterek

1. Szélesség: 720/Magasság: 960 (px).
2. Felbontás (dpi): 72 (pixel/hüvelyk).
3. Interpoláció: köbös.
4. Méret (OK).

- Mentsd el a képet JPG (JPEG), PNG vagy más formátumban:
Fájl> Exportálás> Név> Mentés mappába: Asztal> Válassza ki a fájltípust (Kiterjesztések: .jpg vagy .png)> Ha a PNG-t választottuk, akkor egy előugró ablakot kapunk, amely számos opciót tartalmaz (Interlaced mark) > Exportáláshoz.

Más programokat ajánl az ‘Emezeta’ (nem tudom, hogy mennek) a képek súlyának tömörítésére (csökkentésére).

Online eszköz: a tömeg tömörítésére (csökkentésére)

TinyPNG (ingyenes)

Webborító, TinyPNG online eszköz (PNG és JPG formátumot tesz lehetővé)

A „TinyPNG” -t használtam, amely a legjobb eredményeket hozta nekem. Készítsen 2 árnyalatot JPG és PNG formátumban.
- PNG: Válassza ezt a fóliákhoz és a pontszínekhez (logókhoz). Akkor is, ha szövegeket tartalmaz.
- JPG: Válassza ezt, ha olyan fotóról van szó, amelyen emberek/tájak/állatok láthatók.

4. megjegyzés: érdekesség, hogy ennek az online eszköznek van egy beépülő modulja a WordPress számára, amelyet a cikk végén látunk, és rendelkezik egy pluginnal is a Photoshop számára (fizetett: 50 dollár).

Vannak más eszközök, de nem tetszett olyan mértékben, hogy ez az eszköz, amelynek nagy a tömörítése (csökkentése), súlya és minőségi eredménye.

Linkeket fogok adni azonban a „social4creative” által ajánlott további 2 linkre:
- Webresizer (legfeljebb 10 MB feltöltés és egyéb részletek).
- Compressor.io (JPEG - PNG - GIF - SVG).

Tipp az 'AyudaWP'-től: csökkentse a WordPress méretét

Egyszerű módja a WordPress méretének csökkentésére.

Vannak olyan alapértelmezett WordPress viselkedések, amelyek hozzájárulnak a webhely túlterheléséhez. A WordPress minden alkalommal, amikor feltölt egy képet egy bejegyzésbe beépítésre, automatikusan további méreteket hoz létre.

2 vagy 3 extra képet talál, amelyeket nem mindig használ.
A WordPressnek létre kell hoznia ezeket a másolatokat?

Ennek elkerülése nagyon egyszerű, menjen:
- WP Desktop> Beállítások> Média: és állítsa be azt a méretet vagy méreteket, amelyeket nem szeretné, hogy a WordPress automatikusan létrehozza.

Csökkentse a WordPress súlyát, az 'AyudaWP' tanácsai (kattintson a nagyításhoz)

A kép méretének testreszabása

Amit nem kommentálnak az „AyudaWP” -ben, mivel a cikk 2013-ból származik, az egy új lehetőség, amelyet beépítettek. Úgy gondolom, hogy a WordPress 4.3-as verziójától.

Most, ha hozzáadunk egy objektumot a posztunkhoz/oldalunkhoz, például egy képet, és rákattintunk (vizuális módban), akkor 6 ikon jelenik meg felül vagy alul: Balra igazítás, középre, jobbra, Nincs igazítás, Szerkesztés, Törlés.

Ha a „Szerkesztés” gombra kattintunk, akkor rendelkezésünkre áll a „kép részletei”. Ha akarjuk méretének testreszabása, Túl könnyű. Lépjen a „Megjelenítési beállítások”> „Méret” menüpontba: Egyéni méret (először beírhatja a kívánt értéket, és a másik érték automatikusan módosul).

WordPress beépülő modulok: a képek tömegének tömörítése (csökkentése)

3 típust emelek ki, amelyek a leginkább ajánlottak, bár óvatos lennék velük, mert a WordPress-ben több problémát okozó pluginok a fotógalériákéi, és ezek a képek optimalizálásához.

WordPress plugin: WP Smush

A média fülről léphet be, kövesse az általuk jelzett lépéseket, és ez gondoskodik a szerveren lévő képek súlyának csökkentéséről.

Mivel ez az ingyenes verzió, képenként 1 MB korlátot jelent, ami azt jelenti, hogy azok, amelyek ennél a súlynál nagyobbak, nem módosítják őket, a többit látni fogja, hogy a súly jelentősen csökken.

Ezenkívül az összes új kép, amelyet feltölt a cikkei közé, maga a program is optimalizálja őket.
- Információs forrás: ‘social4creative’

WordPress beépülő modul: EWWW Image Optimizer

Hasznos és könnyű plugin, a WordPress könyvtárban tárolt képeken és a CDN-en is.

Regisztrálja a már optimalizált képeket, hogy ne kelljen megismételnie az optimalizálást minden egyes alkalommal, amikor ezt a plugint használja.
- Információs forrás: ‘social4creative’

WordPress beépülő modul: JPEG és PNG képek tömörítése - TinyPNG

Kísértésbe esett, hogy telepítsem ezt a bővítményt, hogy ilyen jó eredményeket láthassak az online eszközéről, de ez a szöveg megállította a lábam (bár csak ez számított a WordPress 4.4-es verziójának frissítésére, és a fórumokon nyújtott technikai támogatása nagyon jó).

Telepítse ezt a bővítményt, és erről a címről szerezze be az ingyenes API kulcsot. Ingyenes fiókkal havonta több mint 100 képet tömöríthet (normál WordPress telepítés alapján). A pontos szám attól függ, hogy hány miniatűr méretet használ. ".

„Megváltoztathatja az összes tömörítés után létrehozott miniatűr méretet, mivel mindegyik egy tömörítésnek számít. És ha gyakori felhasználó vagy, több képet tömöríthet képenként kis felár ellenében. ".

Videó-bemutató

  • WordPress: optimalizálja a webkép súlyát
    Megnézzük a képek méretével, felbontásával és súlyával kapcsolatos részleteket, amelyek alkalmasak egy weboldalra. Néhány példa a jobb megértéshez. És számos program, eszköz, tipp és bővítmény.

Vélemény

Azt hiszem, ez egyike azoknak a dolgoknak, amelyeket mindannyiunknak meg kell tanulnunk, hogy jó szokásokba keveredjünk, és ne függjünk annyira az ezt a feladatot megkönnyítő pluginoktól. Bár megértem, hogy vannak olyan emberek, akiknek nincs idejük bizonyos folyamatokat végrehajtani, tanácsot adnak nekik.

Forrás képek

Lásd a kapcsolódó szakaszt a Pinterest-en.

Am webdesigner a WordPress-szel. Használok továbbá grafikai tervet (képszerkesztést) és videó megvalósítást (szerkeszthetek, de nem rögzítek). Segítek felfedezni/javítani márkája identitását, megkülönböztetve a webhelyét. Jól használom a vizuális és érzelmi dizájnt. Szabadon állok rendelkezésére: szolgáltatás, képzés, tanácsadás.