Una pregunta rápida acerca de cómo especificar el tamaño de las imágenes en píxeles:cómo especificar tamaño de la imagen en píxeles
<img src="/logo.jpg" alt="logo" width="200px" height="120px" />
o
<img src="/logo.jpg" alt="logo" width="200" height="120" />
He estado poniendo siempre en el px pero recientemente di cuenta de que muy pocas personas hacen esto. ¿Será mejor que deje eso? ¿Importa de una forma u otra?
Hasta donde yo sé, no agrega la etiqueta px a los valores de atributo de ancho/alto en la etiqueta img, y creo (aunque podría ser incorrecto) es porque los píxeles se usan independientemente. En CSS, sin embargo, uno puede usar diferentes unidades para especificar ancho y alto, por lo tanto, es apropiado agregar la etiqueta cuando se usa CSS.
Los píxeles se utilizan a menos que lo especifique como porcentaje :) – Stefan
Seguiría especificando el tamaño en píxeles. Probablemente no sea necesario, pero creo que se supone que debes hacerlo según los estándares web. Especificar el tamaño en píxeles definitivamente no dañará tu código, así que déjalo ahí.
No creo que sea un estándar web incluir el "px" en atributos de tamaño HTML. Sin embargo, todavía no se ha encontrado ninguna evidencia mayor para esto, pero volveré si lo hago: P – Stefan
James, agregando la unidad 'px' hará que Outlook (y posiblemente otras aplicaciones) escalen las imágenes como si no se especificara el alto/ancho , entonces * duele *. Consulte: http://stackoverflow.com/questions/36485410/html-signature-is-resizing-only-some-images-in-outlook?noredirect=1#comment60722825_36485410 – Aziz
Normalmente lo dejo fuera. Como no es frecuente, utilizo los elementos <img>. Pero es mejor colocar el ancho y alto en la etiqueta <img> para que el navegador no tenga que calcular estas dimensiones.
No se pudo encontrar ninguna información que verifica esto pero usaría enteros sin una unidad (si no porcentaje) en HTML y usar "px" en CSS, excepto valores cero donde es más correcto omitir la unidad .
Parece que este es el enfoque adoptado por el validador web de Firefox, señala el uso de px como un error – tjb
utilizar CSS para tener en cuenta el tamaño de la imagen:
CSS:
.logo {
width: 200px;
height: 120px;
}
HTML:
<img src="/logo.jpg" alt="logo" class="logo" />
El tamaño de un elemento de imagen son números, no hay "px" u otra abreviación de medida. Puede usar px u otro en CSS no en HTML –