Tedd ezt a cikket a kedvencekbe!
Tegnap kaptam egy levelet az egyik olvasómtól, aki nagyon jó kérdést tett fel: hogyan tehetné az elkészült gombot egy weboldalra úgy, hogy az beleolvadjon a háttérbe? Lássuk a lehetőségeinket!
4 megoldás létezik a problémára:
- A weboldal hátterével együtt menteni ki a képet. Ezt úgy értem hogy ha az oldal minden eleme photoshopban készül, akkor a gomb ráhelyezhető a háttérre, amit utána az egyesített másolás paranccsal kimásolható a vágólapra.
- Kép kimentése PNG formátumban. Ha photoshopban kivesszük a gomb mögül a fehér hátteret, és a rétegeket összeolvasztjuk, kimenthető a kép átlátszó háttérrel is, PNG formátumban. Egy nagy hátránya van ennek, az internet explorer csak 7-es verzió óta tudja értelmezni az ilyen képeket. Firefoxban tökéletesen működik. Mivel a legtöbben még mindig a 6-os explorert használják, így ez nem a legjobb megoldás.
- Kép mentése GIF formátumban. Ez az egyetlen platform független megoldás, sok hátránnyal. A képet ugyanúgy kell kimenteni mint a PNG-t, de a képet 256 színűvé kell tennünk, a kép menü/színmód/színpaletta parancsával. A felugró ablakban az átlátszóságot be kell pipálni. Éppen ez a legfőbb hátrány, a kép max. 256 színű lehet. Ez általában elég, de ha sok szín van a képen, csúnya átmenetek keletkeznek.
Van még egy gyengéje a módszernek. A PNG-vel ellentétben, a GIF képek csak 2 állást ismernek fel a képen: átlátszó és nem átlátszó. Ez azt jelenti hogy nem tudunk félig átlátszó területeket megadni, tehát például egy gomb árnyéka nem menthető ki, mivel a peremeken egyre erősödő átlátszóságra lenne szükség. PNG formában viszont ezt is megtehetjük.
- Léteznek különféle ún. hack-ek, amik közelebb visznek a megoldáshoz. A gond csak az hogy egy kezdőnek talán nehéz lehet a használatuk, és nem tökéletesen böngésző függetlenek. Példák a kommentek között.
Mint látható tökéletes megoldás nincs, ebből kell kihozni a legtöbbet.
Utolsó kommentek