¿Cambiar el tamaño de las imágenes al tamaño real utilizado en el editor?

¿Hay alguna manera de cambiar el tamaño de las imágenes al tamaño real que se mostrarán en la publicación? Tengo usuarios que importan una imagen grande y luego la cambian de tamaño en el editor visual. Esto es fácil, ya que pueden arrastrar la imagen hasta que tenga el tamaño que desean, sin abrir primero un editor de imágenes, cambiar el tamaño de la imagen, guardarla y cargarla como un archivo adjunto separado. Por supuesto, esto a veces da como resultado una imagen que tiene 100px de ancho en la publicación, pero 1500px en realidad.

¿Hay un complemento que hace esto cuando se guarda una nueva publicación? Me gustaría mantener la imagen de tamaño completo existente (para vincular o redimensionar más tarde), pero solo agregue un tamaño adicional (y guárdelo en el _wp_attachment_metadataobjeto), para que esta publicación tenga la imagen en el tamaño correcto y una referencia a El archivo adjunto de tamaño completo.

Por supuesto, todas las publicaciones existentes también deben manejarse una vez. <img>etiquetas no pueden tener sólo una width, sólo una height, o ninguno de ellos, esto debe ser limpiado todo, por lo que todos ellos tienen la correcta width, heighty una imagen de ese tamaño.

Creé dos complementos que juntos deberían resolver mis necesidades. Actualmente se encuentran en una etapa alfa temprana, y todos los comentarios son bienvenidos.

El complemento base es un redimensionador bajo demanda . Este complemento supervisa las solicitudes de archivos no existentes en el directorio de carga y crea imágenes del tamaño solicitado si es necesario. Por ejemplo, image-200x100.jpgcreará y devolverá image.jpg, pero cambiará su tamaño a 200 por 100 píxeles. La imagen se guarda con ese nombre en el directorio, por lo que el servidor maneja las solicitudes directamente.

El segundo complemento, Redimensionar etiquetas img , modifica las <img>etiquetas para que sus srcatributos incluyan datos de ancho y / o alto. Esto permite que el primer complemento sirva las imágenes correctas. Juntos hacen lo que quiero, y solo necesito crear una función de ejecución única para convertir todas las publicaciones existentes, pero eso debería ser fácil (no quiero conectarme a the_contentalgo que debería ejecutarse solo una vez).

Un tercer complemento "extra", Imágenes intermedias virtuales , intercepta la creación de las imágenes intermedias al cargar una nueva imagen en WordPress. Dado que aún se crean con el primer complemento si se solicita, esto le permite especificar múltiples tamaños de imagen sin ocupar espacio en disco a menos que se utilicen realmente. Esto no es necesario para que los dos primeros funcionen, pero fue una adición fácil y resalta el hecho de que todavía necesito trabajar alrededor del editor de imágenes de WordPress, pero lo haré cuando cree mi editor de miniaturas , que también usa el primer complemento.

He buscado en el directorio de complementos "resize"o "crop"(este último para otra pregunta ), y noté mis hallazgos en una hoja de cálculo pública de Google . La búsqueda de complementos es muy confusa en sus números de resultados (la última página de la "resize"búsqueda muestra "Mostrando 145-150 de 273 complementos"), por lo que es posible que me haya perdido algunos. Notas semi relacionadas: todo el mundo parece pensar que el mundo necesita otro complemento de presentación de diapositivas. Pocos parecen darse cuenta de que content_save_prepuede ser un mejor filtro para analizar mucho the_content.

Todavía no probé ninguno de estos complementos, pero aquí hay una lista de complementos que parece hacer lo que quiero. Agregué el número de versión "Compatible hasta" entre paréntesis.

• ChoiceCuts Image Juggler , con múltiples funciones de manejo de imágenes accesibles a través de una API (3.0.1)
• AutoThumb , reescribe las URL en un controlador que usa phpThumb (2.9.2)
• Enlaces simbólicos de imagen , a través de un [img]shortcode especial (2.9.2)
• com_resize , reescribe las URL en un controlador que usa phpThumb, también imágenes externas (2.6)
• ImageScaler , crea nuevos tamaños si es necesario y cambia las URL en las imágenes (2.3)
• ImageScaler Modded , una versión ligeramente modificada de ImageScaler (2.3.1)

Pensamientos personales: los primeros cuatro reescriben la URL en una página dinámica (algo así como /wp-content/plugins/my-plugin/image.php?src=[original src]&w=100&h=50), con diferentes formas de almacenamiento en caché. Prefiero una imagen real que se crea según sea necesario, similar al enfoque que toma ImageScaler. Sin embargo, dividiría esto (e incluiría la sugerencia de hakre en los comentarios) y primero volvería a escribir todas las URL de /wp-content/uploads/2010/11/image.jpga /wp-content/uploads/2010/11/image-100x50.jpg, y luego dejaría que un script creara las imágenes faltantes. La primera solicitud de esta imagen crea la imagen, todas las solicitudes posteriores utilizan esta imagen creada. Esto también me permite dividir la funcionalidad en diferentes complementos. Publicaré esta solución en una respuesta separada.

Estos complementos limitan las imágenes a un cierto tamaño máximo (¿en qué se diferencia esto de especificar $content_width?):

• JP-rediseño-imágenes , verifica tanto las imágenes enlazadas como las de gran tamaño (solo si son demasiado grandes, no si solo se han redimensionado) (3.0.1)
• Ajuste de imagen hambrienta , comprueba imágenes demasiado grandes (3.0.0)

El siguiente complemento es interesante por otros motivos:

• TimThumb cumple con TinyMCE , incluye un botón de cambio de tamaño manual en el editor de TinyMCE (2.8.4)

Esta es una publicación de Wiki de la comunidad, por lo que se puede actualizar si encuentra nuevos complementos.

¿Qué pasa con la utilización de la variable Timthumb y Pass para cambiar automáticamente el tamaño / dimensiones de la imagen y los niveles de zoom? De esta manera, los tamaños de imagen originales aún se pueden mantener. Si necesita algunos ejemplos en esta línea, hágamelo saber.

Wordpress ofrece tres tamaños predeterminados (pequeño, mediano, grande) que se pueden configurar. Si usa estos, Wordpress crea copias redimensionadas. Probablemente sea un buen estilo usarlos y establecer el número para que se ajusten al estilo actual. Esto da como resultado imágenes que no tienen diferentes tamaños en toda la página y permiten ajustes globales cuando cambia el tema.

El complemento Image Pro recientemente lanzado parece hacer exactamente esto. Todavía no me había probado, la demostración se ve muy impresionante, tenga en cuenta la mala compatibilidad del navegador (solo Firefox en este momento).