Notas al cargar una imagen en la WEB

web

Existe un límite superior en el tamaño de las imágenes que se pueden cargar en cualquier sitio o SNS.。
Dicho esto,、Tenga en cuenta que si la imagen es demasiado pequeña, los ojos pueden estirarse y mostrarse.。
5000También han aparecido cámaras de fotograma completo con un solo objetivo y megapíxeles.、A menudo se superan los límites de capacidad.。

○ Para publicaciones web habituales, una imagen con un lado largo de 2000 px a 3000 px sería un tamaño razonable.。

○JPG y PNG son comunes、Incluso si el tamaño es el mismo, PNG tiene un tamaño de archivo mayor.。

○Para JPG、Cuanto menor es la compresión, más bonito es.、El tamaño del archivo se vuelve demasiado grande、80Es preferible una relación de compresión de aproximadamente %.。Si la relación de compresión es demasiado alta, notará una disminución en la resolución debido a la compresión.。

○En la imagen、Hay algo llamado espacio de color.。Para la impresión y la salida de impresión, se utiliza AdobeRGB, que tiene un espacio de color más amplio.、En la web, utilice sRGB。
Al mostrar una imagen Adobe RGB tal cual en una pantalla que especifica el espacio de color sRGB,、Se ve aburrido、El color se ve diferente。
(La cantidad de personas que ven esto en un monitor compatible con AdobeRGB es limitada).。La mayoría de los teléfonos inteligentes tienen pantalla sRGB.、Los álbumes de fotografías electrónicos también utilizan imágenes sRGB.。)

Para profesionales、Se utiliza principalmente para imprimir, por lo que、Tenga cuidado ya que puede cargar accidentalmente imágenes que no se hayan convertido a sRGB.。
(Incluso los diseñadores web、Mucha gente no sabe acerca de los espacios de color, así que、(Veo algunos sitios web que usan imágenes AdobeRGB para imprimir tal como están, arruinando las fotos).

*Generalmente, la mayoría de las cámaras digitales están configuradas en sRGB de forma predeterminada.、Si no lo entiende, creo que está bien ignorar el espacio de color.。

Sitios que pueden ayudarte con los espacios de color.
AdobeRGB 広色域ディスプレイ ~ 陥り易い落とし穴
recientemente、Conceptos erróneos sobre las pantallas LCD de amplia gama de colores Adobe RGB, que se basan en la gestión del color y han caído al rango de precios popular.、Te explicaré sobre el espacio de color.。
JPEG、PNG、Sitios que pueden ayudarte a comprender las diferencias entre GIF
GIF、JPEG、Diferencias entre PNG - SEO Japan | Blog de información sobre atracción de clientes de sitios web/mejora de CV/SEO de Ioix
GIF o JPG al guardar imágenes、O PNG, ¿en qué formato deberías guardarlo? Esta es una de las primeras preguntas que confunden a las personas que se inician en el diseño web.。Honestidad、También uso GIF para pixel art e ilustraciones.、JPG para fotografías o imágenes con muchas gradaciones、PNG se centra en el tamaño y la calidad de la imagen es mala.