Как сделать размери изображения the_post_thumbnail() в ширину 100% и высоту 512px, чтобы качество изображения не плющилось?

Question

[Георгий Хасанов]

Если я использую этот код, то изображение плющится. Как сделать так чтобы не плющилось?

<?php get_header() ?>
<?php 
the_post(); ?>
<?php $image_id = get_post_thumbnail_id(); ?>
<?php $image_attributes = wp_get_attachment_image_src( $image_id, 'full');  ?>
<img src="<?php echo $image_attributes[0]; ?>" width="100%" height="512px">
<?php
the_title('<h1 class="post-title">', '</h1>');
echo '<div class="post-content">';
the_content();
echo '</div>';
?>
<?php get_footer() ?>

Answer 1

[Ankhena]

Использовать object-fit: cover
https://webref.ru/css/object-fit

Comments

[Георгий Хасанов]

Спасибо. Буду знать.