Volver al Foro de Diseño de páginas Web

¿Puede alguien me hable de PNG, por favor! () Nueva Información

  • CADALYST
  • Born
  • Born
  • No Avatar
  • Registrado: Nov 29, 2006
  • Mensajes: 4
  • Status: Offline

Nota Noviembre 29th, 2006, 12:06 pm

Yo soy un novato intentando su primera parte en un sitio web para un amigo, debo decir que el diseño es absolutamente hermoso, es cartoony y muy colorida, el problema es cuando "guardar en la Web" en formato GIF photoshop, parece buena, manchas poco pero cuando guardo en PNG-24 formato parece absolutamente scrumsious!
He diseñado esta vista de 800x600 resoultion, GIF en la media el tamaño del archivo es de 90 kb y tarda 4 segundos en cargarse a 256 kbps y el promedio en el tamaño del archivo PNG-24 formato es de 200 kb y tiene 9 segundos para descargar a 256 kbps .
Para ser honesto nunca he oído hablar del PNG y han estado haciendo una locura investigación sobre el uso de este formato para mi sitio web (Un sitio web comercial), Me encantaría seguir con el formato GIF simple pero simplemente no me gusta que oomph PNG-24, por ejemplo No tengo fronteras de mi sitio y el cielo azul y las nubes de mi sitio se funde con el fondo blanco y tengo un efecto borroso para añadir profundidad a mi sitio, pero el GIF me da esto (sólo un poco) manchas, cheapish ver que es conducción me bonkers.
Me van a utilizar NO transparencia en PNG-24, así que mi pregunta es que otros navegadores tienen un problema de ver mi página web?, en caso afirmativo qué edad / versiones? y si alguien quiere hablar conmigo de usar PNG-24, dime cómo puedo limpiar mi imagen GIF?
NOTA: Cuando mi convertida en formato GIF photoshop a escala de grises, parecía absolutamente simplemente hermoso tan suave como el PNG-24 pero, obviamente, el formato no es en color. lo que está pasando? por favor ayuda!
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Noviembre 29th, 2006, 12:06 pm

  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • Avatar de Usuario
  • Registrado: May 28, 2003
  • Mensajes: 23404
  • Loc: Woodbridge VA
  • Status: Offline

Nota Noviembre 29th, 2006, 12:37 pm

PNG es un formato aceptable web, sin embargo, al menos, ha IE6 cuestiones mostrando PNG24. No está seguro acerca de IE7 - no han probado aún. Y tiene usted razón, es muy superior calidad.

El problema es gif sólo puede salvar a un máximo de 256 colores, mientras que el PNG tiene el pleno espectro de colores para trabajar con ellos.
"There's no place like 127.0.0.1 except for ::1."
Alexandria Networks. Leader in IT consulting for associations/non-profits, and small to medium sized businesses around the northern Virginia and Washington D.C. metro area.
  • CADALYST
  • Born
  • Born
  • No Avatar
  • Registrado: Nov 29, 2006
  • Mensajes: 4
  • Status: Offline

Nota Noviembre 29th, 2006, 12:53 pm

Gracias en gran medida para responder! IE6 realmente? y esto es con transparencia. Me han probado JUST imágenes PNG con transparencia en IE6 y IE7 y no tenía problemas, yo estaba más preocupado por las versiones anteriores, hmmmmm?.... Tengo que hacer más pruebas, una vez más gracias.
  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Registrado: Feb 10, 2004
  • Mensajes: 13455
  • Loc: Florida
  • Status: Offline

Nota Noviembre 29th, 2006, 1:35 pm

mono-tono imágenes tienden a ser más fácil conseguir que buscan buen tono de múltiples imágenes con la restricción de 256 colores.
Theres menos canales para el proceso de estimación de trabajar con su tiempo que intenta reducir el número de entradas a la paleta de 256.

Una escala de grises proceso de conversión en realidad reduce el número de colores en una imagen porque "004400", "000044", y "440000" convertir a la misma escala de grises de color "444444".
En el proceso de reducción de colores para un GIF, "004400", "000044", y "440000" se encuentran en diferentes canales, que sería conseguir en comparación con otros colores en el mismo canal que ellos.

Technicly, youve hacer dos funciones de reducción de color al convertir la imagen a escala de grises antes GIF.
Strong with this one, the sudo is.
  • CADALYST
  • Born
  • Born
  • No Avatar
  • Registrado: Nov 29, 2006
  • Mensajes: 4
  • Status: Offline

Nota Noviembre 29th, 2006, 2:05 pm

Gracias, que responde a mi pregunta acerca de la escala de grises
  • littlephoenix
  • Graduate
  • Graduate
  • Avatar de Usuario
  • Registrado: Oct 31, 2006
  • Mensajes: 149
  • Status: Offline

Nota Noviembre 29th, 2006, 4:28 pm

yup, Internet Explorer 6 y versiones anteriores no soportan PNGs canal alfa de transparencia, me gustaría seguir con el GIF para PNG hasta ahora realmente se hace cargo del GIF es que en el nuevo futuro ;)
  • ScienceOfSpock
  • Mastermind
  • Mastermind
  • Avatar de Usuario
  • Registrado: Jul 06, 2004
  • Mensajes: 1890
  • Loc: Las Vegas
  • Status: Offline

Nota Noviembre 29th, 2006, 6:34 pm

En realidad, IE6 alfa admite la transparencia en imágenes PNG, sólo tiene que utilizar un filtro de IE en la hoja de estilo.
Código: [ Select ]
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/image.png', sizingMethod='scale');
  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Registrado: Feb 10, 2004
  • Mensajes: 13455
  • Loc: Florida
  • Status: Offline

Nota Noviembre 29th, 2006, 6:40 pm

¿Cómo se llega a que el trabajo Spock?

No he sido capaz de obtener las sugerencias de utilizar que trabajar para mí últimamente. :scratchhead:
Strong with this one, the sudo is.
  • ScienceOfSpock
  • Mastermind
  • Mastermind
  • Avatar de Usuario
  • Registrado: Jul 06, 2004
  • Mensajes: 1890
  • Loc: Las Vegas
  • Status: Offline

Nota Noviembre 29th, 2006, 8:14 pm

Todos los archivos de los archivos CSS son realmente PHP. En la parte superior del archivo, tengo una función que comprueba el navegador y devuelve el fondo correcta cadena de la imagen. Para IE, devuelve la etiqueta de filtro, para todos los demás que devuelve una dirección URL () estándar de etiquetas.
Tengo esta función de algún sitio web hace aproximadamente un año. Yo no recuerdo cuál.
Otra característica que tiene es que va a bajar de nuevo a una imagen gif si IE es mayor que 5. 5 (Thats cuando empezó con soporte PNG alfa)

Código: [ Select ]
function PngTags($img){
    $msie='/msie\s(5\.[5-9]|[6-9]\.[0-9]*).*(win)/i';
    $msie5='/msie\s(5\.[0-4]*)';
    if( !isset($_SERVER['HTTP_USER_AGENT']) ||
        !preg_match($msie,$_SERVER['HTTP_USER_AGENT']) ||
        preg_match('/opera/i',$_SERVER['HTTP_USER_AGENT'])){
       $ret = "background: url(/images/".$img.");\n";
        if(stristr($_SERVER['HTTP_USER_AGENT'], "MSIE 5"))
        {
            $img = str_replace(".png", ".gif", $img);
            $ret = "background: url(/images/".$img.");\n";
        }
    } else {
        $ret = "filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/".$img."', sizingMethod='scale');\n";
    }
    return $ret;
}
  1. function PngTags($img){
  2.     $msie='/msie\s(5\.[5-9]|[6-9]\.[0-9]*).*(win)/i';
  3.     $msie5='/msie\s(5\.[0-4]*)';
  4.     if( !isset($_SERVER['HTTP_USER_AGENT']) ||
  5.         !preg_match($msie,$_SERVER['HTTP_USER_AGENT']) ||
  6.         preg_match('/opera/i',$_SERVER['HTTP_USER_AGENT'])){
  7.        $ret = "background: url(/images/".$img.");\n";
  8.         if(stristr($_SERVER['HTTP_USER_AGENT'], "MSIE 5"))
  9.         {
  10.             $img = str_replace(".png", ".gif", $img);
  11.             $ret = "background: url(/images/".$img.");\n";
  12.         }
  13.     } else {
  14.         $ret = "filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/".$img."', sizingMethod='scale');\n";
  15.     }
  16.     return $ret;
  17. }

para utilizar esto, simplemente hacer algo como esto:
Código: [ Select ]
#loading {
    position: absolute;
    top: 200px;
    left: 326px;
    width: 300px;
    height: 160px;
    <?PHP echo PngTags('loading.png');?>
    z-index: 1000;
}
  1. #loading {
  2.     position: absolute;
  3.     top: 200px;
  4.     left: 326px;
  5.     width: 300px;
  6.     height: 160px;
  7.     <?PHP echo PngTags('loading.png');?>
  8.     z-index: 1000;
  9. }


También tenga en cuenta que si utiliza los archivos CSS en PHP, es necesario agregar el contenido propio encabezado de tipo:
Código: [ Select ]
header("content-type: text/css");

IE es particularmente sensible a este respecto.
  • littlephoenix
  • Graduate
  • Graduate
  • Avatar de Usuario
  • Registrado: Oct 31, 2006
  • Mensajes: 149
  • Status: Offline

Nota Noviembre 30th, 2006, 3:58 am

ScienceOfSpock hey, im a partir cree que su objetivo es estar en desacuerdo con la gente intencionalmente. :lasergun:
  • ScienceOfSpock
  • Mastermind
  • Mastermind
  • Avatar de Usuario
  • Registrado: Jul 06, 2004
  • Mensajes: 1890
  • Loc: Las Vegas
  • Status: Offline

Nota Noviembre 30th, 2006, 10:24 am

En realidad, mi objetivo es proporcionar la mayor cantidad de información correcta posible. Lo que era incorrecto Nuevo. Yo estaba simplemente proporcionar información exacta. Su nada personal.
  • littlephoenix
  • Graduate
  • Graduate
  • Avatar de Usuario
  • Registrado: Oct 31, 2006
  • Mensajes: 149
  • Status: Offline

Nota Noviembre 30th, 2006, 3:17 pm

lol su información es precisa mucho más allá, al igual que estar en desacuerdo.
Si quieres ayudar a alguien, les dan el camino correcto a tomar, en este caso, es mejor no usar PNG en un sitio web en absoluto, porque usted tendrá algún% de las personas que no van a ver su imagen con algunas computadoras, navegadores, etc
no vale la pena perder el negocio incluso si su 1% para un crispier gráfico.

joebert hey, no utilice el código basura extra en su trabajo sólo para una vista previa de archivos png, gif con palo, creo que me va a hacer que la justicia ;)

La capacidad para simplificar los medios para eliminar la innecesaria a fin de que la necesaria, el uso de la palabra. ~ Hans Hofmann
  • ScienceOfSpock
  • Mastermind
  • Mastermind
  • Avatar de Usuario
  • Registrado: Jul 06, 2004
  • Mensajes: 1890
  • Loc: Las Vegas
  • Status: Offline

Nota Noviembre 30th, 2006, 4:59 pm

¿Ha leído lo que escribí a todos? Ese código resultados el buen css código basado en el navegador. Si el navegador no soporta png, IT SALIDAS A IMAGEN GIF.

¿Cómo es que "mucho más allá de precisión?"

Permite reducir el hilo real rápida:

CADALYST pregunta básicamente si es correcto utilizar PNG en la web.

ATNO / TW dice que PNG es un formato aceptable web, pero IE 6 muestra tenido problemas con la transparencia.

Más tarde, Usted ha declarado explícitamente: "Internet Explorer 6 y versiones anteriores no soportan canal alfa PNGs transparencia"

Yo le corrige, porque en realidad, IE6 y IE5.5 AMBOS apoyo alfa transparencia en imágenes PNG.

Joebert pregunta cómo lo tengo de trabajar, y le dije.

Luego regresar y reclamar que mi información es "dista mucho de ser precisa" y mi código es basura.

En serio, lo que el infierno, ¿tienes contra mí?
  • littlephoenix
  • Graduate
  • Graduate
  • Avatar de Usuario
  • Registrado: Oct 31, 2006
  • Mensajes: 149
  • Status: Offline

Nota Noviembre 30th, 2006, 5:21 pm

jerga



La capacidad para simplificar los medios para eliminar la innecesaria a fin de que la necesaria, el uso de la palabra. ~ Hans Hofmann
  • fallen faith
  • Newbie
  • Newbie
  • Avatar de Usuario
  • Registrado: Nov 30, 2006
  • Mensajes: 5
  • Status: Offline

Nota Diciembre 1st, 2006, 12:52 am

¿Te ha intentar jpegs, Calidad 12?
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Diciembre 1st, 2006, 12:52 am

1, 2, 3

Publicar Información

  • Total de mensajes en este tema: 35 mensajes
  • Usuarios navegando por este Foro: roelof y 177 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC