Tamaño de imagen para web - Capas de imagen

Puede publicarlo como una imagen gif, ya que podría ser más pequeña, pero podría ser de menor calidad. La imagen que tienes ya es bastante pequeña, pero si realmente quieres experimentar para hacerla más pequeña, esto podría funcionar.

Como se indicó, 1.05kb es muy pequeño. Sin embargo, hay formas de reducir aún más el tamaño de cualquier imagen en Photoshop a expensas de la calidad de la imagen.

En el diálogo 'guardar para web' tiene varias configuraciones para lograr esto.

Vaya a la configuración de ' Guardar para Web '.

puede ajustar el tamaño de su imagen antes de guardarla a través del diálogo 'Tamaño de imagen'. Observe el tamaño del archivo que se guardará (resaltado 'PNG-24 63.26k en el caso del ejemplo)

si no necesita que sus imágenes tengan transparencia como en los fondos transparentes, guardar sus archivos como JPEG en lugar de PNG también dará como resultado un tamaño de archivo más pequeño para las mismas dimensiones de imagen dadas. Además, puede variar el tamaño de la imagen para reducir aún más el tamaño seleccionando ' Bajo, Medio, Alto, Muy alto o Máximo '.

Algo a considerar con la imagen para sitios web es la velocidad a la que se cargarán cuando visite una página web por primera vez.

Photoshop ayuda con esto proporcionando información para un tamaño de imagen determinado cuando se combina con la velocidad de una red.

Haga clic en el menú desplegable ' Seleccionar velocidad de descarga ' para ver la velocidad de carga de la imagen para una velocidad de red determinada.

Espero que esto ayude

robar :-)

La mayoría de estas respuestas indican que si lo guarda en un formato de archivo diferente, puede reducir el tamaño.

Esto es incorrecto. Los diferentes formatos de archivo pueden hacer que su imagen sea más pequeña, por supuesto, pero todo depende de la imagen en sí, así como de la configuración particular de compresión y optimización que esté utilizando para cada imagen.

Entonces, sí, intente guardar su imagen como JPG o GIF y vea si ayuda, pero no es garantía de que sea más pequeña.

En cuanto a que su imagen actual sea de 1k, tenga en cuenta que eso ya es muy pequeño. También hay límites en cuanto a lo pequeña que puede llegar a ser una imagen que están un poco fuera de su control:

• tamaño mínimo del sector del disco duro. La imagen en la que se informa el tamaño en su disco duro puede ser más grande que la imagen misma. Esto se debe al hecho de que cuanto mayor sea el disco duro, mayor será el tamaño mínimo del sector. Para archivos realmente pequeños, notará que moverlos a un disco duro de menor tamaño en realidad reportará un tamaño de archivo más pequeño. Esto no es relevante para el ancho de banda de Internet, por supuesto
• metadatos del archivo. La mayoría de los archivos tienen metadatos. Estos son datos que no están directamente relacionados con el aspecto de la imagen, pero son datos auxiliares que el navegador o el sistema de archivos pueden usar o no (como un ícono de archivo). Puede usar software para modificar o eliminar estos metadatos.

En cuanto a su preocupación, eso no está del todo claro. ¿Son todas estas imágenes separadas, o solo una imagen? Si es solo una imagen, entonces en términos de ancho de banda, es discutible, ya que solo se necesita descargar una copia de la imagen del servidor para un uso total de ancho de banda de 1k.

Si todas estas son imágenes diferentes, es probable que sea mejor que uses sprites . Aquí es donde toma todas sus imágenes pequeñas individuales y las coloca en una imagen grande. Luego usa CSS para 'recortar' cada imagen individual del sprite en el lado del navegador.

Si bien es posible que esto no reduzca la cantidad total de tamaño de los archivos, reduce drásticamente la cantidad de solicitudes del servidor, lo que puede reducir en gran medida las velocidades de descarga.

A menos que necesite que sea transparente, guárdelo como jpg. Son mucho más pequeños. También asegúrese de que su resolución esté configurada en 72, muchos diseñadores tienen una resolución de 300 para la web y no es necesaria.