Redimensionando imagens para o tamanho real usado no editor?

Existe uma maneira de redimensionar as imagens para o tamanho real que serão mostradas no post? Tenho usuários que importam uma imagem grande e a redimensionam no editor visual. Isso é fácil, pois eles podem simplesmente arrastar a imagem até o tamanho desejado, sem abrir um editor de imagem, redimensionar a imagem, salvá-la e enviá-la como um anexo separado. Obviamente, isso às vezes resulta em uma imagem com 100 px de largura na postagem, mas 1500 px na realidade.

Existe um plugin que faz isso quando uma nova postagem é salva? Gostaria de manter a imagem em tamanho real existente (para vincular ou redimensionar posteriormente), mas basta adicionar um tamanho extra (e salvá-lo no _wp_attachment_metadataobjeto), para que este post tenha a imagem no tamanho correto e uma referência a o anexo em tamanho normal.

Obviamente, todas as postagens existentes também devem ser tratadas uma vez. <img>etiquetas não pode ter apenas um width, apenas um height, ou nenhum deles: isso deve ser limpo, por isso, todos eles têm a correta width, heighte uma imagem desse tamanho.

Criei dois plugins que, juntos, devem resolver minhas necessidades. Eles estão atualmente em um estágio alfa inicial e todos os comentários são bem-vindos.

O plug-in base é um redimensionador sob demanda . Esse plug-in monitora solicitações de arquivos inexistentes no diretório de uploads e cria imagens do tamanho solicitado, se necessário. Por exemplo, image-200x100.jpgcriará e retornará image.jpg, mas redimensionado para 200 por 100 pixels. A imagem é salva com esse nome no diretório, para que outras solicitações sejam tratadas diretamente pelo servidor.

O segundo plug-in, Redimensionar tags img , modifica as <img>tags para que seus srcatributos incluam dados de largura e / ou altura. Isso permite que o primeiro plug-in sirva as imagens corretas. Juntos, eles fazem o que eu quero, e eu só preciso criar uma função única para converter todas as postagens existentes, mas isso deve ser fácil (não quero me conectar a the_contentalgo que deve ser executado apenas uma vez).

Um terceiro plug-in "bônus", as imagens intermediárias virtuais , intercepta a criação das imagens intermediárias ao carregar uma nova imagem no WordPress. Como eles ainda são criados pelo primeiro plug-in, se solicitado, isso permite especificar vários tamanhos de imagem sem ocupar espaço em disco, a menos que sejam realmente usados. Isso não é necessário para que os dois primeiros funcionem, mas foi uma adição fácil e destaca o fato de que ainda preciso solucionar o editor de imagens do WordPress, mas farei isso quando criar o editor de miniaturas , que também use o primeiro plugin.

Pesquisei no diretório do plug-in "resize"ou "crop"(este último em outra pergunta ) e observei minhas descobertas em uma planilha pública do Google . A pesquisa de plug-ins é muito confusa nos números de resultados (a última página da "resize"pesquisa mostra "Mostrando 145-150 de 273 plug-ins"), portanto, talvez eu tenha perdido alguns. Notas semi-relacionadas: todo mundo parece pensar que o mundo precisa de outro plug-in de apresentação de slides. Poucos parecem perceber que content_save_prepode ser um filtro melhor para análise pesada do que the_content.

Ainda não testei nenhum desses plugins, mas aqui está uma lista de plugins que parecem fazer o que eu quero. Eu adicionei o número da versão "Compatível até" entre parênteses.

• ChoiceCuts Image Juggler , com várias funções de manipulação de imagem acessíveis por meio de uma API (3.0.1)
• AutoThumb , reescreve URLs para um manipulador que usa phpThumb (2.9.2)
• Links de imagem , através de um [img]código de acesso especial (2.9.2)
• com_resize , reescreve URLs para um manipulador que usa phpThumb, também imagens externas (2.6)
• ImageScaler , cria novos tamanhos, se necessário, e altera os URLs nas imagens (2.3)
• ImageScaler Modded , uma versão ligeiramente modificada do ImageScaler (2.3.1)

Pensamentos pessoais: os quatro primeiros reescrevem o URL em uma página dinâmica (algo como /wp-content/plugins/my-plugin/image.php?src=[original src]&w=100&h=50), com formas variadas de armazenamento em cache. Prefiro uma imagem real criada conforme a necessidade, semelhante à abordagem adotada pelo ImageScaler. No entanto, eu dividiria isso (e incluiria a sugestão de hakre nos comentários) e primeiro reescreveria todos os URLs de /wp-content/uploads/2010/11/image.jpgpara /wp-content/uploads/2010/11/image-100x50.jpge, em seguida, deixaria um script criar as imagens ausentes. A primeira solicitação para esta imagem cria a imagem, todas as solicitações subsequentes usam essa imagem criada. Isso também me permite dividir a funcionalidade entre diferentes plugins. Vou postar esta solução em uma resposta separada.

Esses plugins limitam as imagens a um determinado tamanho máximo (como isso é diferente da especificação $content_width?):

• O JP-redesign-images verifica as imagens com hiperlinks e superdimensionadas (apenas se forem muito grandes, não se forem redimensionadas) (3.0.1)
• Hungred Image Fit , verifica imagens muito grandes (3.0.0)

O seguinte plugin é interessante por outros motivos:

• O TimThumb atende ao TinyMCE , inclui um botão de redimensionamento manual no editor TinyMCE (2.8.4)

Esta é uma publicação do Wiki da comunidade, para que possa ser atualizada se você encontrar novos plugins.

Que tal utilizar a variável timthumb e passing para alterar automaticamente o tamanho / dimensões da imagem e os níveis de zoom? Dessa forma, os tamanhos da imagem original ainda podem ser mantidos. Se você precisar de alguns exemplos abaixo, informe-me.

O Wordpress oferece três tamanhos padrão (pequeno, médio, grande) que podem ser configurados. Se você usá-los, o Wordpress cria cópias redimensionadas. Provavelmente, é um bom estilo usá-las e definir o número para que elas se ajustem ao estilo atual. Isso resulta em imagens sem tamanhos diferentes em toda a página e permite ajustes globais quando o tema muda.

O recentemente lançado plugin Image Pro parece fazer exatamente isso. Ainda não havia me testado, a demonstração parece muito impressionante, observe uma compatibilidade ruim do navegador (somente Firefox no momento).