2011-04-08 11 views
6

Una simple pregunta, ¿por qué es útil pixel.gif? ¿Y por qué debería usarlo o por qué no?pixel.gif, ¿por qué las personas lo usan?

+0

Qué quiere decir el uso de pixel.gif en desarrollo web/diseño? – tamasgal

+0

¿Qué quieres decir con pixel.gif? –

+0

Generalmente porque no conocen ninguna de las formas modernas de hacer diseños web. –

Respuesta

8

Los gifs de píxeles (a menudo llamados shim.gif) se usaban en diseños web antiguos (es decir, más antiguos que hace 5 años) para proporcionar un espacio en diseños de página o tabla donde faltaba una comprensión sólida de CSS o las diferencias de navegador (generalmente entre IE y Netscape) hicieron la vida demasiado complicada.

Deben considerarse como una reliquia del pasado y no se verían en un diseño profesional de CSS en el diseño web actual. Sin embargo, aún es posible que las páginas antiguas que no se han mantenido a lo largo de los años todavía tengan diseños de página basados ​​en tablas con imágenes de píxeles para proporcionar cierto espacio artificial para las columnas.

En resumen, no debe usarlos a menos que se requiera una imagen para la recopilación de estadísticas que no sean de JavaScript para su sitio.

+0

Para HTML en correos electrónicos: tenga en cuenta que MailChimp recomienda "Usar tablas y shim.gifs", consulte [Acerca del correo electrónico HTML] (http://kb.mailchimp.com/campaigns/ways-to-build/about-html-email) Véase también la respuesta de Tom Gerencser – user2288476

+0

Esa recomendación de MailChimp es cómo llegué aquí ... – Svish

1

Porque a lo largo de la historia, los navegadores han tenido varios problemas al representar elementos vacíos y dimensionar los elementos correctamente. Usar una imagen de píxeles transparentes y estirarla como contenido era un método bastante universal para hacer que un elemento cambiara el tamaño correctamente, y el píxel se podía poner en un hipervínculo que terminaba con un área transparente y accesible en cualquier navegador.

Los días Nower, los navegadores y la tecnología de navegación han mejorado mucho, y creo que han pasado años desde que utilicé un píxel.

0

Sólo por IE. IE 7-8 no funciona correctamente con fondo png + opacidad. Solo hay una forma de solucionarlo:

background: url("/images/blank.gif") no-repeat, url("/images/howto.png") no-repeat; 
background-color: transparent !important; 
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="crop", src="/images/howto.png"); 
zoom: 1; 

IE no es un navegador. No puedo decir nada, excepto malas palabras sobre este programa. Ahora tengo una gran cantidad de errores marcados IE 7 SOLAMENTE, IE 8 SOLAMENTE, IE 8 en modo de compatibilidad con IE 7 SOLAMENTE, IE 9 SOLAMENTE e IE 10 SOLAMENTE

Usuarios, por favor! Deja caer las ventanas y todo su delirio al infierno. ¡Usa GNU/Linux!

3

Las imágenes de Shim .gif son transparentes y generalmente tienen un tamaño de 1x1 píxel. Como se señaló anteriormente, estas imágenes no se deben utilizar para el espaciado en navegadores web modernos (2013) ya que CSS hace un trabajo superior de diseño.

Sin embargo, las campañas de marketing de correo electrónico siguen aprovechando ellos por un par de razones:

  1. como un activo que puede ser utilizado para análisis de marketing (? Es decir, correo electrónico abierto)
  2. Por cuestiones de espaciamiento derivados de la aplicación tablas para el diseño en el correo electrónico.

clientes de correo electrónico no son compatibles universalmente CSS por lo que es las mejores prácticas para codificar sus boletines de noticias y alertas de la aplicación como si se tratara de 1996.

Cuestiones relacionadas