|
|
Boldog Új Évet kívánok Neked!
Tapasztaltabbak lettünk megint egy évvel. Tanultunk, fejlődtünk, folyamatosan alakítottuk, fejlesztettük honlapunkat, életünket …. is, kisebb nagyobb sikerrel!
|
Köszönöm, hogy bízol bennem,
örülök, hogy segíthettem!
2019-ben is itt leszek, vagyok, segítek.
Számíthatsz rám!
|
|
Az elmúlt évben a DIVI sablon sorozat részeit kezdtem elküldeni neked, melyben a képméretezés titkaiba vezettelek be. Ha nyomon követted a hírlevelet, akkor te is a 8. részt várod!
|
|
|
Tehát 2019. első hírlevelében folytatódik a DIVI sorozat, a 8. résszel.
|
|
Jöjjenek a 2. hét tippjei!
|
|
|
|
|
|
135. Képméretezés DIVI sablon 8
|
A következő képméretek követik a 4: 3 képarányt
- 1 oszlop: 1080 x 810
- ¾ oszlop: 795 x 597
- ⅔ oszlop: 700 x 526
- oszlop: 510 x 384
- ⅓ oszlop: 320 x 241
- ¼ oszlop: 225 x 170
|
|
|
|
|
136. Képméretezés DIVI sablon 9.
A pontos méretek megadásánál vegyük figyelembe, hogy a 4 oszlopos elrendezés kisebb kijelzőn 2 oszlopra csökken.
|
Az eredeti 4 oszlopos elrendezés 4: 3 képaránnyal:
|
225px: 170px-es képméretet jelent.
|
Ha a fenti méretben töltjük fel a képeket, akkor a képfájl méretét pozitívan befolyásolja az oldal betöltési idejét.
|
A hátránya, hogy nem tölti be az oszlopszélességet kisebb képernyőkön, például tableten.
|
A 2 oszlopos elrendezés 370px szélességű képméretet kíván.
|
|
|
Tehát ha azt szeretnénk, hogy a kép kitöltse az oszlopszélességet, a 225 képpontos szélesség helyett 370 képpontos képméretet kell használni.
|
|
|
|
|
|
|
137. Képméretezés DIVI sablon 10.
A képeket még a feltöltés előtt érdemes optimalizálni:
|
- átméretezéssel(pixel) - tömörítéssel (kb) - illetre levágni a "felesleget" pl. ha keskeny fejlécként szeretnéd használni-
|
Ideális, ha a képfájlok mérete 60kb és 200kb között marad. Így nem lassítják túlságosan az oldal betöltési idejét.
|
Válaszd ki a megfelelő szerkesztőprogramot a következő cikkből:
|
|
|
|
138. Képméretezés DIVI sablon 11.
A képek feltöltésénél ne felejtsük el kitölteni az "alt tag"-et, vagyis a helyettesítő szöveget.
|
A keresőmotorok számára fontos információt jelent a cím, a helyettesítő szöveg és a felirat.
|
A cuki cicás képnél a Google nem biztos, hogy a cuki cicát látja, de ha beírod, hogy "cuki cica" az alternatív szövegbe, akkor a találati listán a "cuki cica"kulcsszóra is előrébb kerülhetsz, ha ez a célod.
|
|
|
|
139. Képméretezés DIVI sablon 12.
A DIVI sablonnál a Google nem olvassa automatikusan a háttérképeket, mivel azok nem img tag-ek közé vannak zárva. Tehát ha a metaadatai nincsenek kitöltve, nem gond.
|
A háttérképek a CSS-ben jelennek meg, és leginkább csak dizájn szempontból jelentős
|
|
|
140. Képátméretezés - DIVI sablon 13.
Slider és Post Slider háttérképek
|
Ha képeket vagy blogbejegyzéseket szeretnél vetítés formájában bemutatni, akkor az alábbi szempontokat kell figyelembe venni:
|
A vetítés háttérképei legalább olyan szélesnek legyenek, mint az adott oszlop.
|
Így egyszerű a dolgunk, hiszen csak a DIVI sablon szabványát kell figyelnünk.
|
A vetítés hátterének magasságát a rajta elhelyezett tartalom határozza meg, így lehet, hogy módosítania kell a háttérkép magasságát.
|
A következő képméretek a 16: 9 képarány-szabványnak felelnek meg:
|
- 1 oszlop: 1080 x 608
- ¾ oszlop: 795 x 447
- ⅔ oszlop: 700 x 394
- ½ oszlop: 510 x 287
- ⅓ oszlop: 320 x 181
- ¼ oszlop: 225 x 128
A következő képméretek követik a 4: 3 képarány-szabványt:
|
- 1 oszlop: 1080 x 810
- ¾ oszlop: 795 x 597
- ⅔ oszlop: 700 x 526
- ½ oszlop: 510 x 384
- ⅓ oszlop: 320 x 241
- ¼ oszlop: 225 x 170
Ha azt szeretnénk, hogy a vetítés a mobil eszközök oszlopainak szélességét lefedje, használjuk ezeket az irányelveket:
|
- 1 oszlop: 1080 x 810
- ⅔ oszlop: 770 x 578
- ¾ oszlop: 770 x 578
- ½ oszlop: 770 x 578
- ⅓ oszlop: 770 x 578
- ¼ oszlop: 370 x 278
- 1 oszlop: 1080 x 608
- ⅔ oszlop: 770 x 433
- ¾ oszlop: 770 x 433
- ½ oszlop: 770 x 433
- ⅓ oszlop: 770 x 433
- ¼ oszlop: 370 x 208
|
|
|
141. Képátméretezés - DIVI sablon 14.
Teljes szélességű háttérképek vetítéshez
|
Ajánlott minimális szélesség: 1920px
|
A teljes szélességű vetítés háttérképének szélességét mindig a böngésző szélessége határozza meg. A szabványos képernyőméretek alapján javaslom, hogy a képek legalább 1280px szélesek legyenek.
|
Ha nagyon fontos számunkra, hogy a képek nagyobb monitorokon se legyenek pixelesek, inkább 1920px széles kép használata ajánlott.
|
Ahogy korábban írtam, a magasságot mindig a tartalom mennyisége határozza meg, így a kép magasságát igazítsuk ehhez. Ha kell, vágjunk meg a képet.
|
|
|
|
|
|
SEO ÁRAK
|
|
|
|
70 SEO tipp - ajándék eBook
|
Köszönöm, hogy feliratkoztál!
|
|
|
|
|
|
|
|
info@antikaotika-design.hu +36-30-630-3607 Ingyenes SEO felmérés! Ne hagyd ki ezt a lehetőséget! Töltsd ki a lenti űrlapot, és én átnézem a weboldaladat, hogy mennyire felel meg a legújabb keresőoptimalizálási feltételeknek. A rövid elemzést elküldöm e-mailben. Kövess a közösségi média oldalain! FacebookTwitterGoogle+PinterestLinkedIntumblrInstagramskypeYoutubeSEO szakember, keresőoptimalizálás szakértő, web-designer Saját honlapok: Antikaotika, Antikaotika-design, Antikaotika-SEO, Retro-Vintage
|
|
|
|
|
|
|
|