WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   Transparent PNG eller JPG... (https://www.wn.se/forum/showthread.php?t=3382)

saflund 2004-08-30 21:35

Sitter å försöker få till en transparent logga mot en färgad bakgrund.

Testade JPG först men det blev bara vit bakgrund. PNG-24 som det heter i Photoshop blir inte transparent i explorer (funkar i netscape). PNG-8 fick jag att fungera i explorer men då blev själva logotexten hackig.

Vad gör jag fel??? :(

logicfive 2004-08-30 21:48

JPG-filer kan tyvärr inte vara transparenta. Varför du får problem med PNG kan jag tyvärr inte svara på.
Har du provat spara som GIF? Brukar funka bra.

Jester 2004-08-30 21:49

Nej, men du blir nog tyvärr tvungen att försöka integrera loggan med bakgunden för att uppnå bästa resultat är jag rädd.

Synd att inte IE stödjer detta. Det skulle göra livet mycket lättare för en. Snyggt blir det också med PNG:erna.

Jester 2004-08-30 21:53

Citat:

Originally posted by logicfive@Aug 30 2004, 21:48
JPG-filer kan tyvärr inte vara transparenta. Varför du får problem med PNG kan jag tyvärr inte svara på.
Har du provat spara som GIF? Brukar funka bra.

Min erfarenhet är att det blir samma problem med GIF som saflund beskriver med PNG-8. "Hackiga kanter".

Robert 2004-08-30 22:03

Men inte blir det taggiga kanter bara för att ni har ex gif? Då beror det bara på att eran logotyp är antialias'ad (kantutjämnad) mot ex vit bakgrund och ni använder en annan färg på webben, dvs det finns en toning som befinner sig mellan logotypen och den transparenta färgen.

Bästa resultat är om man ser till att kantutjämningen går mot samma typ av färg som man har tänk ha på webben innan man sparar bilden med bakgrunden som transparent.

Jester 2004-08-30 23:14

Citat:

Originally posted by Robert@Aug 30 2004, 22:03
Men inte blir det taggiga kanter bara för att ni har ex gif? Då beror det bara på att eran logotyp är antialias'ad (kantutjämnad) mot ex vit bakgrund och ni använder en annan färg på webben, dvs det finns en toning som befinner sig mellan logotypen och den transparenta färgen.

Bästa resultat är om man ser till att kantutjämningen går mot samma typ av färg som man har tänk ha på webben innan man sparar bilden med bakgrunden som transparent.

Anledningen till att man har transperans är ju oftast att man har en ojämn (flerfärgad/tonad/skiftande) bakgrund och då är det ju svårt (omöjligt?) att välja vilken färg man ska köra anitalias emot. Detta gör ju då att bilden ser "kantig" eller "hackig" ut.

Robert 2004-08-30 23:34

Citat:

Ursprungligen postat av Jester
Citat:

Ursprungligen postat av Robert
Men inte blir det taggiga kanter bara för att ni har ex gif? Då beror det bara på att eran logotyp är antialias'ad (kantutjämnad) mot ex vit bakgrund och ni använder en annan färg på webben, dvs det finns en toning som befinner sig mellan logotypen och den transparenta färgen.

Bästa resultat är om man ser till att kantutjämningen går mot samma typ av färg som man har tänk ha på webben innan man sparar bilden med bakgrunden som transparent.

Anledningen till att man har transperans är ju oftast att man har en ojämn (flerfärgad/tonad/skiftande) bakgrund och då är det ju svårt (omöjligt?) att välja vilken färg man ska köra anitalias emot. Detta gör ju då att bilden ser "kantig" eller "hackig" ut.

Nja, inte om det gäller antialias'ing för det är bara 1, max 2 pixlar på sina ställen. Dessa pixlar ska vara ett mellanting av bakgrunden och logotypen, exempelvis om du har en skog som bakgrund så är det 1 viss nyans av grön du ska använda.

Toningar går ju givetvis inte, men det är ju inget konstigt med det.

mypay 2004-08-31 00:02

för att få en transparent logga med toning etc i MSIE så spara som png -och importera till Flash.. lägg sen wmode = true på flash filen..

detta funkar dock endast i MSIE... så du får väl göra en liten scriptgrej där...

Robert 2004-08-31 10:36

Saxat från nätet:

Kod:

Starting with IE 5.5, Microsoft started providing a filter to give your PNG alpha channel transparency. One nice thing about this filter is that it can be used in both HTML style tags or scripting. An example of how you might call it from a style tag is:

<img alt="Transparant PNG" src="myimage.gif" style="width: 200px; height: 200px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myimage.png', sizingMethod='scale')" />

Note that the src property has no default and must be defined for this filter to affect the object's display.


festiz 2004-08-31 11:22

Lösningen för att få en jättefin antialiasad PNG att fungera i IE finnes här:
http://webfx.eae.net/dhtml/pngbehavior/png...ngbehavior.html
För kommersiell användning krävs tillåtelse från de trevliga författarna Erik och Emil


Alla tider är GMT +2. Klockan är nu 20:31.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson