Remover atributos de imagem para imagens responsive no WordPress

No WordPress, por padrão, quando você adiciona uma imagem essa imagem tem de forma automática os atributos de width e height. Esses atributos substituem propriedades width e height do CSS do nosso theme. Imagens com esses atributos podem atrapalhar na hora de fazer que seu site seja responsivo e compatível com todos os dispositivos.

Veja como remover os atributos de dimensão das imagens inseridas

Copie e cole o código abaixo no arquivo functions.php do seu theme para remover todos os atributos de tamanho quando sua imagem for inserida no editor do seu post, assim você terá total controle sobre o tamanho da imagem no CSS.

/**
 * Removes width and height attributes from image tags
 *
 * @param string $html
 *
 * @return string
 */
function remove_image_size_attributes( $html ) {
    return preg_replace( '/(width|height)="\d*"/', '', $html );
}
 
// Remove image size attributes from post thumbnails
add_filter( 'post_thumbnail_html', 'remove_image_size_attributes' );
 
// Remove image size attributes from images added to a WordPress post
add_filter( 'image_send_to_editor', 'remove_image_size_attributes' );

Remover os atributos de width e height usando JavaScript

Também é possível remover os atributos de tamanho das imagens usando jQuery, usando um código muito simples para remover qualquer atributo das nossas imagens.

jQuery(document).ready(function ($) {
    $('img').removeAttr('width').removeAttr('height');
});

Usando um plugin para remover o tamanho da imagem

Se você não entende muito de programação e acabar de iniciar um projeto novo, existe a possibilidade de remover os atributos das imagens instalando um plugin para fazer esse trabalho no nosso lugar, com o plugin Image Size Attributes Remover seu problema acabaram.

Se você conhece algum outro método para remover os atributos deixe um comentário e compartilhe seu conhecimento.