Getting Product image from product Id -magento 2

Here is an example how to get the product image from the backend to frontend website page.

<?php
$objectManager =\Magento\Framework\App\ObjectManager::getInstance();
$helperImport = $objectManager->get('\Magento\Catalog\Helper\Image');
$imageUrl = $helperImport->init($_product, 'product_page_image_thumbnail')
    ->setImageFile($_product->getImage()) // image,small_image,thumbnail
    ->getUrl();
?>
<img src="<?php echo $this->getUrl($imageUrl); ?>">

This is the code you can use in your phtml file to get the image from the _product collection.

In the head section we have to add two lib-

<?php
$_productCollection = $block->getLoadedProductCollection();
/** @var \Magento\Catalog\Helper\Output $_helper */
$_helper = $block->getData('outputHelper');
?>

For additional sections you can also add some custom attributes to the product from back-end.

here is an example to getting a attribute called ‘hue’->

<?= $_product->getData('hue');?>