Canales similares en youtube qué. Cómo acceder a vídeos similares en YouTube. Entonces, ¿cómo accedes a vídeos similares?

Del autor: Todo desarrollador sabe que cuando se trata de rendimiento web y experiencia de usuario Cada imagen importa. Las imágenes son el fruto más fácil de la optimización del rendimiento. La compresión sin pérdida visual de calidad puede beneficiar a las organizaciones al reducir el peso de las páginas sin comprometer la experiencia del usuario, mejorar la productividad y llegar a más audiencias. Existen muchas técnicas para determinar qué imagen cargar, pero aún es necesario crear esas "imágenes correctas". El objetivo de los desarrolladores web y los servicios de rendimiento debe ser proporcionar imágenes óptimas a todos los usuarios, en todo tipo de dispositivos y en todos los navegadores. (Otro objetivo debería ser la accesibilidad, ¡pero ese es un tema para otro artículo!).

Determinar las imágenes que necesita

Existen varios métodos de front-end para ofrecer las imágenes correctas, entre los que se encuentran consultas de medios para imágenes de fondo y etiquetas con el atributo srcset para imágenes. primer plano.

Al utilizar consultas @media, puede especificar qué imagen de fondo usar para una resolución y densidad de pantalla específicas. Por ejemplo, puedes enviar la imagen lower.jpg a una computadora portátil vieja y a iPadPro– contrata.jpeg:

encabezado (imagen de fondo: url (img/hires_header.jpg);) pantalla solo @media y (relación de píxeles del dispositivo mínimo: 2) y (ancho mínimo: 1024 px) (encabezado (imagen de fondo: url (img /hires_header.jpg);

encabezado ( Pantalla solo @media y (min - dispositivo - píxeles - relación: 2) y (min - ancho: 1024px) ( encabezado ( imagen de fondo: URL (img/hires_header.jpg);

¿Qué pasa con las imágenes en primer plano?

La técnica del coche payaso de 2013 se basó en el hecho de que SVG en las consultas de medios utilizaba el ancho y el alto del contenedor como dimensiones de la ventana, en lugar del navegador. Afortunadamente, el soporte actual del navegador para la etiqueta de imagen y el atributo srcset hace que este truco y el polyfill de imagen queden obsoletos.

El principal problema con las imágenes de primer plano es que el navegador tiene acceso a las dimensiones de la ventana y la densidad de la pantalla, pero hasta que se carga la página, el navegador no conoce las dimensiones de la imagen en relación con la ventana o las dimensiones de los archivos fuente. Sin embargo, el desarrollador los conoce y puede habilitarlos.

Trabajar con imagen, fuente y el atributo srcset es similar a las consultas de medios. Usted especifica qué imagen de primer plano usar para un tamaño de ventana y densidad de pantalla específicos:

< picture > < source srcset = "small_lowres.jpg, pequeño_highres.jpg 2x" media = "(ancho máximo: 768 px)" > < source srcset = "default.jpg, default_highres.jpg 2x"> < source srcset = "large_lowres.jpg, large_highres.jpg 2x" media = "(ancho mínimo: 1024px)" > < img src = "default.jpg" alt = "descriptor de imagen" > < / picture >

Tenga en cuenta: incluya siempre una etiqueta img estándar en una imagen, incluida atributo alternativo con una descripción de la imagen.

Puedes hacerlo para que una etiqueta simple recogido mejor foto sin etiqueta de padre imagen y la etiqueta de origen adyacente. Para hacer esto, necesita usar los atributos srcset y size.

< img src = "default.jpg" srcset = "grande.jpg 1024w, Medio.jpg 768w, Predeterminado.jpg 420w" tamaños = "(ancho mínimo: 1024px) 1024px, (ancho mínimo: 768px) 90vw, 100vw" alt = "descriptor de imagen" / > !}

con la ayuda atributo de tipo Puedes subir imágenes en diferentes formatos:

< picture > < source srcset = "photo.jxr" type = "image/vnd.ms-photo" > < source srcset = "photo.jp2" type = "image/jp2" > < source srcset = "photo.webp" type = "image/webp" > < img srcset = "photo.jpg" alt = "mi cara hermosa" > < / picture >

Si el código anterior es nuevo para usted, JPEG-XR y el antiguo tipo MIME image/vnd.ms-photo se utilizan para Windows Media Photo, un formato propietario. Imágenes de microsoft. Compatible con IE8+ y Borde de Microsoft. JPEG 2000 es jpg2, se mostrará en Navegadores Safari cuando se utiliza el marcado anterior. WebP es un formato de imagen con compresión sin pérdida de calidad, funciona en Opera y Chrome. Firefox elegirá el formato predeterminado, PNG-A, SVG, GIF o JPEG.

En Firefox e IE8, debe especificar un respaldo JPEG o PNG. Firefox y Safari están experimentando con soporte para imágenes WebP, pero según CanIUse.com no hay indicios de soporte inmediato.

Si desea comprender estas funciones nuevas pero bien compatibles y aprender a usarlas, existen excelentes tutoriales sobre consultas de medios, imágenes y srcset.

Personalización casi ilimitada

Uno de los principales problemas con el código de la sección anterior es que solo incluimos una pequeña parte posibles imágenes, adecuado para el tipo, tamaño y densidad de píxeles del medio. Es posible, pero difícil, registrar todos los puntos de interrupción, resoluciones y tipos de medios para todas las imágenes. No me gustaría escribir todo a mano. Afortunadamente, la tarea de crear todas las imágenes necesarias para todo posibles casos se puede automatizar.

la mejor opcion– escriba una solicitud en el lado del servidor para la mayoría imagen optima basado en tres de cuatro criterios: tamaño de la ventana, densidad de píxeles en el dispositivo, tipo de medio admitido en el navegador y tamaño de la imagen en relación con la ventana. ¿Por qué basado en tres de cuatro? Debido a que puedes usar lo que el navegador ya entiende en el código fuente, no necesitas incluirlo todo. posibles combinaciones, solo un par.

Si el DOM se escribe en el navegador únicamente a través de JS del lado del cliente, como es el caso en la mayoría de las aplicaciones React, se puede enviar al navegador una solicitud para uno. imagen correcta, sin embargo, mientras se analiza el código, el usuario puede observar una pantalla no interactiva parcialmente cargada (captura de pantalla). En un escenario más general, cuando un sitio tiene parte del servidor, reescribir una solicitud de imagen en JS no es una opción óptima: el navegador primero cargará el original al analizar el DOM, luego cargará la segunda imagen, ya optimizada, después de actualizar el DOM.

Si utiliza la técnica de mejora progresiva, y debería hacerlo, debe comprender claramente que tan pronto como se analice el código HTML de la imagen, se cargará el original.

Desafortunadamente, la especificación Client Hints, que agrega información sobre la proporción de píxeles en el dispositivo y el ancho de la ventana a los campos del encabezado de la solicitud HTTP, solo se implementa en los navegadores Blink (Chrome y Opera). Al conocer el navegador, la resolución y el tamaño de la ventana del usuario, se puede automatizar la actualización de todas las solicitudes de imágenes, aprovechando así técnicas de mejora progresiva para las solicitudes del lado del servidor. Al utilizar Client Hints, puede confirmar la compatibilidad con el formato webP (Chrome y Opera admiten tanto Client Hints como webP), la resolución y el tamaño de la ventana. Hay un script Nanovisor en el sitio web de Instart Logic que hace lo mismo con Client Hints. Le permite enviar imágenes optimizadas en formatos optimizados incluso cuando las sugerencias del cliente no son compatibles.

Las técnicas de detección del navegador no son tan inteligentes, por lo que puede tomar la cadena del navegador de los encabezados HTTP y la tabla de búsqueda y usarlas para determinar el tipo de medio devuelto en función de esos encabezados. Puede reescribir las extensiones de imagen o puede devolver el tipo de imagen "correcto" para todos los navegadores, pero con la extensión "incorrecta", para cada llamada de imagen. Por ejemplo, si la imagen solicitada es foo.jpg, devuelve mejores medios escriba para el navegador, pero llame a foo.jpg, el tipo de medio no es importante. En Instart Logic recuperamos el formato webP para los navegadores Chrome y Opera, JPEG-XR para Edge, etc…. No reescribimos la ruta de la imagen. Simplemente usamos la extensión original en el nombre del archivo, para nosotros es jpg. Aprovechamos el hecho de que los navegadores muestran imágenes de los tipos de medios que reconocen y no miran las extensiones (o la falta de ellas) en el nombre del archivo. En este caso, no puede cambiar el marcado y el DOM en JS, y tampoco puede cargar solo una imagen por solicitud.

Si va a devolver diferentes tipos de medios según la compatibilidad del navegador, pero con la misma resolución en el nombre del archivo, tendrá que almacenar la imagen correcta en el lado del servidor en la base de datos, ya que necesitará manejar diferentes versiones del archivo. imagen con el mismo nombre. Del lado del cliente sería necesario solicitar extensión correcta(si conoces una forma mejor o simplemente diferente, házmelo saber).

Automatización del proceso de creación de archivos.

Es mejor proporcionar a los usuarios imágenes personalizadas para anuncios con imágenes personalizadas que sean compatibles con el navegador. En la sección anterior, aprendimos cómo decirle al navegador que use una imagen. cierto tamaño y tipo en función de sus funciones. Sin embargo, todavía necesitamos crear imágenes de todos los tamaños para todos los tipos de medios con mejor nivel compresión para todos imagen separada. La pregunta es ¿cómo crear todas las imágenes?

Necesitamos automatizar la compresión y el cambio de tamaño de imágenes en múltiples formatos admitidos por diferentes navegadores, dispositivos y sistemas operativos. Lo mejor es determinar el mejor grado y nivel de compresión para cada imagen individualmente.

La optimización de imágenes puede llevar mucho tiempo en sitios no estáticos, donde puede haber miles, decenas de miles o incluso millones de imágenes, todas diferentes tamaños, resoluciones y tipos de medios. ImageMagick puede convertir imágenes a PNG, JPEG, JPEG-2000, GIF, WebP y casi cualquier formato mediante la línea de comando:

En todo Internet para determinar mejor calidad Todas las imágenes requieren un ejército de personas. La mayoría de los convertidores y servicios reducen el tamaño del archivo al reducir la calidad de las imágenes al mismo nivel o relación de compresión. Por ejemplo, cuando mis sitios tenían pocas imágenes, podía comprimirlas manualmente. La calidad osciló entre un 35% bajo y un 88% alto. Para galerías y otros proyectos con muchas imágenes, utilicé Adobe Fireworks para automatizar la compresión y exportación, guardando todo como JPEG con una calidad del 78%. igual que yo mayoría Las herramientas de automatización de compresión utilizan la misma configuración de calidad, normalmente alrededor del 80%. Elegí el 78% por pura casualidad (basándome un poco en la experiencia). No existe un valor de calidad mágico que se adapte a todas las imágenes. No existe un nivel de compresión mágico que comprima todas las imágenes sin pérdida de calidad.

La cantidad "correcta" de compresión depende del contenido y de cómo se utilizará la imagen. El nivel de calidad de exportación suele depender de los detalles de la imagen. Seleccionado según el contenido. nivel diferente para cada imagen. A menudo, cuanto más detalles tiene una imagen, menor es su calidad: un paisaje requiere alta calidad por debajo de 90, y una imagen con muchos detalles se verá bien incluso en un nivel por debajo de 50.

Todavía es posible automatizar la configuración de calidad para cada imagen. El sitio Instart Logic utiliza visión por computadora, aprendizaje automático y un convertidor para optimizar imágenes según el contenido, automatizar el proceso de creación de imágenes optimizadas para el dispositivo, el navegador y la resolución web, y calcular la relación de compresión óptima sin comprometer la experiencia del usuario. SmartVision es un enfoque algorítmico que utiliza el aprendizaje automático para automatizar la configuración adaptativa de cada imagen, comprimiendo la imagen al máximo sin pérdida de calidad (la única excepción son las primeras imágenes en las que se calibra el algoritmo). aprendizaje automático). Los algoritmos avanzados de visión por computadora examinan el contenido de la imagen y maximizan los niveles de compresión sin comprometer la inteligencia del usuario. Parviz Ahammad explicó sus algoritmos para SmartVision mucho mejor que yo en 2014.

Los navegadores han avanzado mucho en los últimos 6 años y el peso medio de los sitios web también ha aumentado. Las imágenes son el principal culpable de la carga lenta y imagenes modernas- sólo una parte de la solución. El tiempo dedicado a optimizar imágenes está bien invertido.

en esta era tecnologías móviles optimización de imagen en formatos PNG y JPG, JPEG volvió a ser relevante, ya que era relevante en aquellos días en que Internet recién entraba en nuestras vidas y era universalmente lento y de acceso telefónico. Internet móvil, por supuesto, no es del todo correcto en comparación con el acceso telefónico, pero en lugares donde la conexión es deficiente, la velocidad de acceso es bastante baja. E incluso en aquellos días, el usuario no tenía adónde ir y tenía que esperar a que se cargara la página. Ahora Internet ha crecido y hay una gran selección de sitios. El usuario se volvió caprichoso e impaciente y el tiempo promedio de carga de la página disminuyó considerablemente. Es más fácil para el usuario encontrar otro sitio más rápido.
si y gigantes de la búsqueda como Google o Yandex comenzaron a prestar atención a la rapidez con la que se cargan los sitios, dando preferencia en los resultados de búsqueda a aquellos que son más rápidos. En esto también juega un papel importante el peso de la página, que, a su vez, depende en gran medida del peso de las imágenes que se encuentran en ella. Es bastante obvio que tener compacto imágenes comprimidas beneficia a todos. Por lo tanto, aquí quiero hablar sobre cómo preparar sus archivos PNG, JPG y JPEG para cargarlos en el hosting.

Optimización básica de imágenes

Esto implica recortar campos innecesarios, reducir la profundidad del color, eliminar comentarios y guardar la imagen en un formato adecuado. Para esto puedes usar Adobe Photoshop, o si no tienes uno, MS Paint o GIMP.
Incluso el recorte básico de la imagen reducirá bastante bien su peso.

Cómo hacer una imagen más pequeña en MS Paint

Usando MS Paint como ejemplo, le mostraré cómo reducir una imagen al tamaño requerido.
Tomemos, por ejemplo, el logotipo de NGINX y su imagen nginx.png de 2000x417 píxeles, que debe recortarse a 1024 de ancho, porque Este es el ancho del diseño de la página y no tiene sentido hacer más.

El resultado es una imagen que ha sido sometida a una optimización básica mínima. Es hora de pasar a comprimir su peso.

Optimizador de archivos para compresión PNG y JPG, JPEG

La manera más fácil y rápida de lograr compresión óptima imágenes sin pérdida de calidad - uso programa de archivo Optimizador

Sitio web oficial y descripción del programa. :

Descargar el optimizador de archivos puedes con

Descripción . Es un optimizador eficaz no sólo para imágenes, sino también para archivos .pdf, .docx, txt y otros archivos de texto, audio y vídeo, así como archivos. Lista completa Las extensiones compatibles se pueden encontrar en pagina oficial proyecto.
Estas son algunas de las utilidades utilizadas en el trabajo: AdvanceCOMP, APNG Optimizer, CSSTidy, DeflOpt, defluff, Gifsicle, Ghostcript, jhead, jpegoptim, jpegtran, Leanify, mozjpeg, MP3packer, mp4v2, OptiPNG, PngOptimizer, PNGOUT, pngquant, pngrewrite, pngwolf, TruePNG, tidy-html5, ZLib, zRecompress. Creo que incluso esta lista parcial es bastante impresionante.

Instalación y uso del Optimizador de archivos

Primera descarga última versión programas ya sea en forma de instalador o como archivo con archivos. Por cierto, el archivo tiene una versión para las versiones de Windows de 32 y 64 bits.

La interfaz es bastante sencilla e intuitiva.
No necesita ninguna configuración, pero puedes personalizar algunos formatos usando el botón Opciones...
Uso . Puede arrastrar y soltar los archivos requeridos e incluso carpetas (directorios) en la ventana del programa, o seleccionar los que necesita a través del menú Agregar archivos....
Para optimizar archivos, haga clic en Optimizar todos los archivos.

Los archivos optimizados reemplazarán a los archivos fuente y también se conservará la jerarquía de categorías. Al lado de cada archivo se mostrarán las estadísticas, como porcentaje de tamaño original La versión optimizada del archivo pesa.
Después de completar el trabajo, las estadísticas sobre la cantidad de archivos procesados ​​se mostrarán debajo en la línea de estado, así como cuánto se guardó.

En mi opinión, File Optimizer hace muy bien su trabajo.
El único aspecto negativo es que si la lista de archivos es grande, puedes esperar mucho tiempo para obtener resultados, pero vale la pena.

Si está interesado en detalles sobre los métodos de optimización que puede configurar a su manera, hablaremos sobre cómo configurar y usar utilidades para la compresión de imágenes.

Comprimir PNG sin perder calidad

Veamos 3 programas para la optimización de PNG:

• Adobe Photoshop
• OptiPNG
• PNGSALIDA

Comparélos en términos de calidad de compresión de imágenes. Comprimiremos nginx.png de la sección anterior. El peso original es de 27,5 KB.

Comprimir PNG usando Adobe Photoshop

El primero de la lista es Photoshop, que es bien conocido por todos. Un procesador multifuncional para un diseñador que puede hacer casi todo, incluso comprimir imágenes.
Abrir en Photoshop Guardar archivo para Web o usar una combinación Alt+Mayús+Ctrl+S

Como resultado, obtenemos 22,7 KB, es decir. se redujo en un 17,5%

Desafortunadamente, la mayoría programas gráficos no pueden liberar todo el potencial de los algoritmos utilizados para comprimir PNG. Razón principal es que para determinar la estrategia de compresión óptima que utilizan algoritmos heurísticos, que nos permiten estimar la efectividad de ciertos parámetros sin compresión, lo que, como resultado, da gran porcentaje errores. Por tanto, para comprimir PNG utilizamos utilidades especialmente creadas para este fin, concretamente OptiPNG y PNGOUT.

Usando OptiPNG para comprimir PNG

Cómo instalar y utilizar OptiPNG

Descargué el .exe, lo cargué en C:\Windows, tomé el archivo PNG deseado y lo guardé en alguna carpeta. Ahora, usando FAR Manager u otro administrador de archivos compatible con la consola, vaya a esta carpeta e ingrese el comando en la consola.

Optipng -o7 nginx.png

El comando te obliga a comprimir el PNG en la carpeta. Más adelante veremos una opción sencilla sobre cómo realizar la compresión con un solo clic.
Pero primero, echemos un vistazo al resultado.

18,8 KB, es decir se contrajo un 31,6%, casi un tercio. No está nada mal, ¿no? Photoshop resultó mucho peor.

Usando PNGOUT para comprimir PNG

Cómo instalar y utilizar PNGOUT

Todo es exactamente igual que para OptiPNG. Descargue PNGOUT.exe, colóquelo en C:\Windows, ábralo en gestor de archivos, Por ejemplo, Gerente lejano carpeta con PNG, y en línea de comando escribir

Pngout nginx.png

El resultado está debajo

El resultado es 23,4 KB, es decir. logró comprimir en un 15%. Muy bien.

En general, diré de inmediato que tuve diferentes resultados con diferentes archivos, en algunos lugares PNGOUT funcionó de manera más eficiente, en otros OptiPNG, por lo que te aconsejo que ejecutes las imágenes una por una a través de ambas utilidades.

Cómo comprimir PNG rápidamente en OptiPNG y PNGOUT

Cree un archivo png.reg y escriba allí los datos para el registro.

ventanas Editor de registro Versión 5.00 @="Ejecutar OptiPNG en la carpeta" @="cmd.exe /c \"TITLE Ejecutando OptiPNG en %1 && FOR /r \"%1\" %%f IN (*.png) DO optipng -o7 \ "%%f\" \"" @="Ejecutar PNGOUT en la carpeta" @="cmd.exe /c \"TITLE Ejecutando PNGOUT en %1 && FOR /r \"%1\" %%f IN (*. png) DO pngout \"%%f\" \""

Luego ejecuta este archivo y escribe los datos en el registro de Windows.
Ahora, cuando haga clic en una carpeta con archivos PNG que deben comprimirse, seleccione los comandos que necesita, la compresión se producirá automáticamente para todas las imágenes a la vez.

Para eliminar todo de menú contextual, escriba el siguiente código en png.reg y ejecútelo

Editor del Registro de Windows Versión 5.00 [-HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Folder\shell\OptiPNG] [-HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Folder\shell\OptiPNG\command] [-HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Folder\shell\PNGOUT] [ -HKEY_LOCAL_MACHINE\SOFTWARE\Clases\Carpeta\shell\PNGOUT\command]

Compresión JPG, JPEG sin pérdida de calidad

Para optimizar JPG, JPEG, por analogía con PNG, existen utilidades: jpegtran y jpegoptim. Por supuesto, puedes usar Photoshop, pero para Compresión JPG, JPEG, recomiendo mucho usarlos.

Cómo instalar, configurar y usar jpegtran

jpegtran - poderosa utilidad, que le permite realizar tanto una compresión JPG simple sin pérdida de calidad como una compresión con un cierto nivel suavizado e incluso conversión a JPEG progresivo.
Puede descargar jpegtran aquí http://jpegclub.org/jpegtran/ (busque y descargue jpegtran.exe).

Cómo comprimir JPG, JPEG usando jpegtran

Sube jpegtran.exe a C:\Windows
Luego ábrelo en Far carpeta del administrador con el JPEG deseado e ingresa en la consola

Jpegtran -copiar ninguno -optimizar -archivo de salida min.1.jpg 1.jpg # Optimización básica 1.jpg # -copiar ninguno elimina metadatos de JPG # -optimizar optimiza la imagen

JPG progresivo, JPEG

Este es un tipo de JPG que, cuando se carga la página, primero muestra el esquema general, luego se carga y lleva la calidad de la imagen al máximo. Muy conveniente para lento internet movil, y por lo tanto debe usarse.

Jpegtran -progressive -outfile 1.jpg 1.jpg # Transforma el formato 1.jpg a progresivo

Cómo comprobar si una imagen es un JPEG progresivo

Funciones avanzadas de jpegtran

Todos están cubiertos aquí. opciones posibles usando jpegtran

Jpegtran --uso de ayuda: jpegtran archivo de entrada archivo de salida Opciones (los nombres pueden abreviarse): -copiar ninguno No copiar marcadores adicionales del archivo fuente -copiar comentarios Copiar solo marcadores de comentarios (predeterminado) -copiar todo Copiar todos los marcadores adicionales -optimizar Optimizar Tabla Huffman (archivo más pequeño, pero compresión lenta) -progresivo Crear archivo JPEG progresivo Interruptores para modificar la imagen: -recortar WxH+X+Y Recortar a una subárea rectangular -voltear Imagen reflejada (de izquierda a derecha o de arriba a abajo) -Reducir escala de grises a escala de grises (omitir datos de color) -perfecto Falla si hay bloques de bordes no transformables -rotar Girar imagen (grados en el sentido de las agujas del reloj) -escala M/N Escalar la imagen de salida por fracción M/N, por ejemplo, 1/8 -transponer Transponer imagen - transversal Imagen de transposición transversal -recortar Eliminar bloques de borde no transformables -limpiar WxH+X+Y Limpiar (atenuar) una subárea rectangular Opciones para usuarios avanzados: -aritmético Usar codificación aritmética -reiniciar N Establecer el intervalo de reinicio en filas o en bloques con B -maxmemory N Memoria máxima a usar (en kbytes) -outfile name Especificar el nombre del archivo de salida -verbose o -debug Emitir salida de depuración Opciones para asistentes: -scans file Crear JPEG de escaneo múltiple por archivo de script

Cómo comprimir JPEG rápidamente y automáticamente usando jpegtran en Windows

No podrás comprimir a través del menú contextual debido a la forma en que funciona la utilidad; sin embargo, puedes configurar la compresión de varios archivos JPEG a la vez de forma automática.
Para hacer esto, necesitamos crear un archivo con la extensión .bat (para ayudar) y escribirlo allí.

CD/D. para %%j en (*.jpg) llame a:sheensay "%%~nxj" "%%~nj.jpg" goto:eof:sheensay jpegtran -copiar ninguno -optimizar -progresivo "%~1" "%~2 "

Cómo instalar, configurar y utilizar jpegoptim

Cómo comprimir JPG, JPEG usando jpegoptim

Cargue jpegoptim.exe en C:\Windows. Luego abra la carpeta con imágenes JPG Con usando lejos Manager y entrar en la consola.

Jpegoptim *.jpg --strip-all --todo-progresivo

Cómo optimizar varios JPG, JPEG a la vez usando jpegoptim

A diferencia de jpegtran, la utilidad jpegoptim le permite trabajar bastante bien con él desde el menú contextual.
Creemos un archivo jpegoptim.reg, por ejemplo, usando Far Manager, y escribamos allí

Editor del Registro de Windows Versión 5.00 @="Ejecutar jpegoptim en la carpeta" @="cmd.exe /c \"TITLE Ejecutando jpegoptim en %1 && FOR /r \"%1\" %%f IN (*.jpg) DO jpegoptim *.jpg --strip-all --todo-progresivo \"%%f\" \""

Lo lanzamos e ingresamos los datos en el registro. Ahora puedes comprimir el conjunto. archivos JPEG usando el menú contextual, simplemente agregue imágenes requeridas en una carpeta, RMB y "Ejecutar jpegoptim en la carpeta".

Si desea eliminar jpegoptim del registro y del menú contextual, escriba jpegoptim.reg

Editor del Registro de Windows Versión 5.00 [-HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Folder\shell\jpegoptim] [-HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Folder\shell\jpegoptim\command]

Guarde, ejecute, realice cambios en el registro.

¿Qué tan bien comprimen jpegtran y jpegoptim jpg, jpeg?

Pasemos a las pruebas. Tomemos, por ejemplo, el archivo caching.jpg. En el original pesa 29,5 KB

Jpegtran prueba la calidad de compresión JPG y JPEG

jpegtran -copiar ninguno -optimizar -almacenamiento en caché progresivo.jpg almacenamiento en caché.jpg

La salida fue de 29,1 KB, la compresión ahorró un 1,36%

Jpegoptim prueba la calidad de compresión JPG y JPEG

jpegoptim almacenamiento en caché.jpg --strip-all

EN Explorador de Windows esto no es visible; la compresión fue de varios cientos de bytes.

Bien, archivo fuente estaba bien preparado, por lo que la compresión no tuvo ningún efecto notable, pero cuando procesas imágenes no optimizadas, a veces te sorprenderás de cuánto ahorro puedes lograr en tamaño.

Cómo configurar png y jpg, compresión jpeg automáticamente

Si ha leído esta sección, pero aún no está satisfecho con las opciones ofrecidas, le sugiero que monte usted mismo un recolector portátil: un servicio para comprimir imágenes, fotografías e imágenes que funcionará según sus necesidades directamente en su escritorio.

Debe estar preinstalado jpegtran, jpegoptim, optando, pngsalir yu
Las instrucciones de instalación están arriba.

Entonces, para esto necesitamos ensamblar adecuadamente la arquitectura de carpetas. Digamos que tienes una carpeta de imágenes con su propia jerarquía de subcarpetas con PNG y JPG que necesitas procesar.
Cree una carpeta optimus, coloque la carpeta de imágenes con todas sus subcarpetas y archivos en ella.
Abra, abra optimus en él, cree un archivo go.bat allí y escríbalo allí

@ECHO OFF CLS SetLocal EnableExtensions EnableDelayedExpansion set home_path=%~dp0:: Nombre de la carpeta en la que se encuentran las imágenes sin formato set carpeta=imágenes echo Procesamiento de archivos *.JPG a través de jpegtran:: Cree una carpeta en la que se ubicarán las imágenes sin formato almacenado jpg comprimido. En nuestro caso, esto es jpeg_images xcopy /y /t /c /i "%folder%" "jpg_%folder%" :: Para cada .jpg, optimizamos usando jpegtran. Output.jpg se escribirá en jpeg_images para /r %folder% %%a en (*.jpg) do (set fn=%%a& jpegtran -copy none -optimize -progressive -outfile %home_path%jpg_!fn:%~ dp0 =! %home_path%!fn:%~dp0=!) echo Se completa el procesamiento de archivos *.JPG vía jpegtran:: Indicamos que la ejecución ahora debe realizarse en una nueva carpeta jpeg_images set carpeta = jpg_%carpeta% echo Procesamiento de archivos *.JPG a través de jpegoptim for /r %folder% %%a in (*.jpg) do (set fn=%%a& jpegoptim %%~a --strip-all) echo Procesamiento de archivos *.JPG vía jpegoptim complete echo Procesamiento de archivos *.PNG vía optipng xcopy /y /t /c /i "%folder%" "png_%folder%" for /r %folder% %%a in (*.png) do (set fn=%%a& optipng -o7 %% ~a -out %home_path%png_!fn:%~dp0=!) echo Se completó el procesamiento de archivos *.PNG a través de optipng set carpeta=png_%folder% echo Procesamiento de *. Archivos PNG a través de pngout para /r %carpeta% %%a en (*.png) do (set fn=%%a& pngout %%~a) echo Procesamiento de archivos *.PNG a través de pngout pausa completada

El código está comentado en partes importantes. De hecho, nada complicado, puedes resolverlo si lo necesitas.

Ahora guarde go.bat y ejecútelo.

Si hay muchos archivos, la compresión de la imagen llevará algún tiempo. Espere hasta que la consola le notifique que el proceso se ha completado.

La compresión se realiza separando los archivos JPG por separado, que ahora se encuentran en jpg_images, y los archivos PNG por separado, que se encuentran en png_images.

Si necesita cambiar la calidad u otros parámetros, consulte la descripción de las utilidades anteriores y cambie el código para adaptarlo a sus necesidades.

Cómo optimizar y comprimir GIF

En conclusión

En este artículo, intenté cubrir lo más completamente posible los métodos para optimizar PNG y JPG. Si tiene alguna pregunta o adición, escriba en los comentarios, discutiremos