Como alterar o tipo de imagem para tamanho específico?

8

Estou otimizando um site com grande (dezenas) quantidade de imagens na página em uma grade. Para suporte à retina, as imagens também precisam ter o tamanho 2x.

O resultado foi garantir que os tamanhos das miniaturas estivessem carregados (que ainda são consideráveis ​​com 520px de largura por causa da retina), em vez do tamanho original original.

No entanto, quase todas as imagens são salvas em PNG. O que é um enorme desperdício em imagens fotográficas. Faz sentido que as miniaturas geradas sejam JPG ... Exceto que não parece haver uma maneira de fazer isso.

Observando o código principal, parece o mais próximo, WP_Image_Editor->get_output_format()mas não parece fácil ser facilmente ajustado e segmentar tamanhos específicos.

Existem outros pontos no código onde eu poderia tentar alterar o tipo de imagem que está sendo gerada?

Rarst
fonte

Respostas:

10

Você pode usar o wp_generate_attachment_metadatafiltro:

function wpse_183835_to_jpeg( $meta, $post_id ) {
    $sizes_to_convert = array(
        'thumbnail',
    );

    $path = dirname( get_attached_file( $post_id ) );

    foreach ( $sizes_to_convert as $size ) {
        if ( ! empty( $meta['sizes'][ $size ] ) ) {
            $data = $meta['sizes'][ $size ];
            if ( $data['mime-type'] === 'image/png' && is_file( $file = "$path/{$data['file']}" ) ) {
                if ( $image =@ imagecreatefrompng( $file ) ) {
                    // Change file extension
                    $file_jpg = preg_replace( '/\.[^\.]+$/', '', $data['file'] ) . '.jpg';

                    if ( @ imagejpeg( $image, "$path/$file_jpg", 90 ) ) { // Save new jpg version
                        // Update metadata with new filename
                        $meta['sizes'][ $size ]['file'] = $file_jpg;
                        // Delete png version
                        @ unlink( $file );
                    }

                    @ imagedestroy( $image );
                }
            }
        }
    }

    return $meta;
}

add_filter( 'wp_generate_attachment_metadata', 'wpse_183835_to_jpeg', 10, 2 );

https://codex.wordpress.org/Function_Reference/wp_generate_attachment_metadata

TheDeadMedic
fonte
1
Ouro! Agora que olhei para ele, lembrei-me dessa técnica de mexer com imagens depois que elas foram geradas. :) Testado e funcionando, obrigado.
Rarst