Al subir archivos de imagen a Wikipedia o, preferiblemente, a Wikimedia Commons , es importante utilizar el formato de archivo correcto para el contenido. No intente ahorrar espacio en disco en el servidor de imágenes proporcionando información útil.
Conserve la fuente:
- Si la imagen se generó a partir de datos (por ejemplo, un gráfico en Microsoft Excel ), los datos y el archivo (por ejemplo, una hoja de cálculo) deben incluirse para que se puedan agregar nuevos datos al gráfico y / o se debe citar la fuente de los datos.
- Si la imagen se generó a partir de una secuencia de comandos (por ejemplo, en un sistema de álgebra por computadora ), el código debe incluirse para que se puedan realizar mejoras menores como etiquetas y ajustes de color.
- En cualquiera de los casos anteriores, debe haber una nota que indique qué software específico se requiere para editar la imagen. Deben preferirse los formatos de datos y el código que sean compatibles con el software gratuito.
Hay 4 opciones básicas para formatos de archivo de imagen :
- SVG para diagramas simples (especialmente aquellos que necesitan escala).
- JPEG para imágenes fotográficas.
- GIF para imágenes animadas.
- PNG para todo lo demás.
Si bien algunos formatos ofrecen múltiples sistemas de compresión, en general, el formato y el sistema de compresión están vinculados.
En la mayoría de los casos, deben evitarse otros formatos de imagen :
Diagramas
La capacidad de edición y escalabilidad de SVG (Scalable Vector Graphics) hace que el formato sea la elección obvia para la representación gráfica de datos e ilustraciones. Sin embargo, no siempre es fácil convertir imágenes rasterizadas como GIF, PNG o JPEG a SVG, y algunas imágenes (especialmente fotos) no son propicias para este tratamiento. Si no se puede producir un diagrama en SVG, se prefiere una imagen PNG sobre una JPEG.
El algoritmo de compresión PNG está diseñado para trabajar con grandes áreas de color sólido que tienen límites definidos. Por tanto, es un buen formato para diagramas y dibujos animados. Pero no le da automáticamente el tamaño de archivo más pequeño posible. Hay algunas cosas que deben hacerse a mano.
Existe la ilusión entre muchos diseñadores web de que los PNG son más grandes que los GIF . Este engaño se origina en dos hechos:
- Mucha gente compara un PNG de 24 bits con un GIF de 8 bits, lo que no es una comparación válida.
- Históricamente, Adobe Photoshop ha sido conocido por ser deficiente en la creación de archivos PNG [ aclaración necesaria ] .
Elija una profundidad de color adecuada para la cantidad de colores
Color de 1 bit Sin suavizado 180 bytes | Color de 4 bits Anti-aliased 309 bytes | Vista ampliada de la imagen suavizada |
---|
¿El número de bits por píxel se ajusta al número de colores de la imagen? Los diagramas suelen tener pocos colores. Si un diagrama tiene 4 colores, no es necesario almacenarlo en un formato de 24 bits ( color verdadero ) capaz de distinguir 16 millones de colores. Las versiones de menor profundidad de color de PNG almacenan colores en una paleta . Las imágenes con paleta pueden tener una profundidad de 1, 2, 4 u 8 bits (2, 4, 16 o 256 colores). Utilice la profundidad de bits más baja que pueda manejar todos los colores de su imagen, aunque algunos programas de edición de imágenes no pueden crear imágenes en color de 2 bits.
Si está convirtiendo una imagen con muchos colores (tal vez porque alguien guardó el original como JPEG, evítelo ) a PNG, es posible que desee reducir la cantidad de colores al mismo tiempo; consulte Wikipedia: Cómo reducir los colores para guardar un JPEG como PNG .
Un suavizado de la imagen puede usar más colores que se dan cuenta, porque suaviza anti-aliasing dentados bordes mediante la adición de tonos de gris donde antes no era negro o blanco. Las imágenes en blanco y negro suavizadas generalmente deben guardarse como imágenes de 16 o 256 colores. Vea la ilustración de la derecha.
No guarde los diagramas como JPEG
Imagen que muestra compresión JPEG con pérdida | Vista ampliada que muestra artefactos de compresión |
---|
A la derecha hay un ejemplo de un archivo guardado como JPEG cuando debería haberse guardado como PNG. JPEG utiliza compresión de datos con pérdida destinada a fotografías. La compresión de dibujos o diagramas con JPEG da como resultado una imagen de mala calidad, porque el ojo humano puede detectar los artefactos de compresión alrededor de los bordes.
Otro inconveniente es el gran tamaño de archivo con el que terminará. La compresión JPEG tiene muchas opciones, pero por lo general solo dos espacios de color: RGB de 24 bits (8 bits por muestra) y escala de grises de 8 bits. Lo más importante es que, por su naturaleza, JPEG no puede admitir colores indexados. En el ejemplo de la derecha, una imagen de 4 colores se infla utilizando un esquema de color inadecuado, lo que da como resultado un tamaño de archivo bastante grande.
Si no tiene un archivo original sino solo un JPEG que realmente debería ser PNG, no simplemente guarde el JPEG como PNG porque esto resultará en un archivo aún más grande. Hay un buen tutorial en Wikipedia: Cómo reducir los colores para guardar un JPEG como PNG .
Usar SVG sobre PNG
PNG ampliado | SVG ampliado | Cambios simples a SVG |
PNG es un formato de gráficos de trama , que codifica el valor de cada píxel individual , mientras que SVG es un formato de gráficos vectoriales que codifica una imagen como una serie de formas geométricas. Si esto le confunde, no se preocupe; no es necesario comprender los aspectos técnicos para crear o cargar imágenes. Lo que esto significa en la práctica es que una imagen SVG se escala a diferentes tamaños mucho mejor que un PNG equivalente. Por lo tanto, para imágenes que constan en gran parte o en su totalidad de polígonos, líneas y curvas (banderas nacionales, señales de tráfico, etc.), SVG es el formato preferido. Aquí se muestran dos ejemplos de cultivos ampliados de una imagen, uno en formato PNG y otro en formato SVG que muestra una mayor calidad.
Los SVG se pueden crear fácilmente con muchos programas de autoedición , como el programa gratuito Scribus . Los SVG también se pueden modificar simplemente con un editor de texto , porque está basado en código, no numérico. Esto facilita mucho la actualización y traducción de ilustraciones. Los usuarios que tengan problemas con las imágenes SVG cargadas pueden solicitar ayuda en Wikipedia: Ayuda SVG . Para obtener una lista de software de edición SVG, consulte Lista de editores de gráficos vectoriales .
Consejos JPEG
Como se indicó anteriormente, JPEG (Grupo conjunto de expertos en fotografía) se desarrolló teniendo en cuenta las imágenes fotográficas. Aunque los algoritmos JPEG son bastante buenos, hay un par de consejos que ayudarán a obtener el tamaño de archivo más pequeño posible sin sacrificar la calidad:
- Algunas cámaras digitales y teléfonos inteligentes almacenan información adicional (conocida como metadatos EXIF) en los archivos JPEG que crean. Tenga en cuenta que todos estos metadatos son visibles públicamente en Wikipedia y Wikimedia. Si no desea revelar la información, elimínela del archivo antes de cargarlo utilizando una aplicación adecuada.
- Al guardar un JPEG, el programa de gráficos le permitirá elegir el nivel de compresión. Por lo general, los valores oscilan entre 0 y 100, donde 100 es la mejor calidad posible con muy poca compresión aplicada. Algunas aplicaciones, en particular Paint Shop Pro , invierten esta escala con 0 como la calidad más alta y 100 como la calidad más baja. No confunda la escala de 0 a 100 con un porcentaje, ya que usar la mitad de la configuración no da como resultado la mitad de la calidad, ni produce un archivo de la mitad del tamaño. Además, 100 no significa "100%", ya que la imagen todavía está comprimida, lo que resulta en una mínima pérdida de detalles. Dado que la mayoría de los archivos JPEG en Wikipedia se volverán a escalar de todos modos antes de aparecer en las páginas, una configuración de calidad de 95 es apropiada. (Los ajustes por encima de 95 aumentan drásticamente el tamaño para una pequeña mejora en la calidad de la imagen).
- La compresión JPEG funciona mejor en imágenes ligeramente borrosas, por lo que no debe enfocar demasiado las imágenes, ya que resultará en una huella más grande.
- Trabaje siempre desde la imagen original y no desde el archivo JPEG ya guardado, ya que la calidad disminuye gradualmente cuanto más lo guarda; esto se conoce como pérdida de generación digital . Por esta razón, puede ser bueno mantener la copia principal aquí en un formato sin pérdidas como un formato de imagen sin procesar o PNG . Sin embargo, a partir de ahora, las versiones escaladas se ven obligadas a tener el mismo formato que la imagen original y tener dos copias de la imagen es una pesadilla de mantenimiento.
- Los archivos JPEG existentes se pueden comprimir un poco más, sin pérdida adicional de calidad, usando
jpegtran -optimize
. Esto da como resultado un archivo más pequeño, pero la compresión es más lenta. Jpegtran es parte de libjpeg . Un paquete llamado littleutils contiene un script llamadoopt-jpg
que automatiza la optimización de JPEG, utilizándolojpegtran
como motor subyacente. - Los archivos JPEG también se pueden optimizar sin pérdidas con JPGExtra , que elimina todos los "extras" (o metadatos ) ocultos de los archivos sin afectar los datos de la imagen.
- Los programas de gráficos también le permiten reducir la imagen a un tamaño particular antes de guardarla. Si las imágenes se utilizan únicamente en infoboxes y se utilizan de acuerdo con las reglas de uso legítimo , no deben ser más grandes que el tamaño mostrado, por ejemplo, 220–300 píxeles de ancho. Para las portadas de álbumes, consulte Plantilla: Infobox album # Cover .
Consejos PNG
Las imágenes que no son fotografías, como diagramas y capturas de pantalla de aplicaciones o videojuegos más antiguos, utilizan pocos colores. Si tiene sentido, guarde la imagen en modo indexado. Un PNG de color verdadero a menudo se puede convertir al modo indexado sin cambiar el aspecto de la imagen, mientras se guarda en el tamaño del archivo. (Consulte la profundidad de color para obtener información sobre el modo indexado y el color verdadero).
Es normal que los programas de edición de imágenes produzcan una compresión PNG deficiente, incluso cuando se ejecutan con sus opciones de compresión máxima. Como resultado, hay una variedad de herramientas para comprimir PNG sin pérdida de calidad. Sin embargo, si Mediawiki escalará la imagen antes de verla, estos pasos no tienen sentido. Algunas de estas herramientas e información sobre su uso se muestran a continuación.
- PNGOUT (gratis)
- pngcrush (código abierto)
- OptiPNG (código abierto), bifurcación de pngcrush
- AdvDef / AdvPNG, parte de la compilación AdvanceCOMP (GNU GPL)
- DeflOpt (gratis)
- Zopfli (código abierto)
OptiPNG generalmente genera archivos más pequeños que pngcrush, ya que este último conserva cierta información para seguir estrictamente la especificación PNG. [1] AdvDef se puede utilizar después de cualquiera de ellos para mejorar aún más los resultados. AdvDef es sencillo de usar, ya que optimiza solo la compresión en sí. Zopfli tiende a lograr mejores relaciones de compresión que pngcrush u OptiPNG, pero tarda mucho más en ejecutarse. [2] [3]
Para una compresión rápida, simplemente use OptiPNG sin ninguna opción:
optipng file.png
Si se desean los resultados más pequeños y el tiempo no es importante, una cadena de este tipo produce resultados posibles aún más pequeños:
optipng -o7 file.pngadvdef -z4 file.pngpngout / ks file.pngdeflopt file.png
Cada una de estas utilidades utiliza una variante del método de compresión "desinflado" diferente y más sofisticado en el PNG y generalmente produce un archivo más pequeño cuando se ejecuta después de las otras herramientas. Si el resultado más pequeño importa, intente experimentar un poco para ver qué produce el mejor resultado.
Después de cualquier compresión, la imagen debe compararse con el original. Ocasionalmente ocurre que las peculiaridades del original hacen que la transparencia se pierda incluso en la compresión, que está destinada a no tener pérdidas. Esto comúnmente, pero no siempre, se muestra como un cambio en el color de fondo que obviamente es visible de un vistazo.
Para una optimización rápida y sucia, el script opt-png (que se encuentra en el paquete littleutils ) puede ser útil. Automatiza la optimización de PNG, utilizando pngcrush y una variante de pngrewrite como motores subyacentes para lograr resultados similares a los de optipng.
Tenga en cuenta también que estas cadenas, en particular el paso pngrewrite, descartarán los bloques que no son de imagen, que a menudo incluyen los derechos de autor o detalles del creador. Compruebe pngrewrite y otras opciones del programa si desea conservar esta información.
Los archivos PNG también se pueden optimizar sin pérdidas con PNGExtra , que elimina todos los "extras" (o metadatos ) ocultos de los archivos sin afectar los datos de la imagen.
Referencias
- ^ "pngcrush y optipng notes" . png-mng-implement (lista de correo). 2008-04-15. Archivado desde el original el 5 de marzo de 2012 . Consultado el 27 de marzo de 2014 .
- ^ "Comprima los datos de forma más densa con Zopfli" . Blog de desarrolladores de Google . Archivado desde el original el 1 de noviembre de 2020 . Consultado el 2 de noviembre de 2020 .
- ^ "Optimización de Zopfli: ancho de banda literalmente libre" . Codificación del terror . 2016-01-02. Archivado desde el original el 1 de noviembre de 2020 . Consultado el 2 de noviembre de 2020 .
Ver también
- Pautas para dibujar estructuras químicas.
- Wikipedia: política de uso de imágenes
- Wikipedia: tutoriales de gráficos
- Commons: preparación de imágenes para cargar