Mryntu

This is my observer:

public function execute(MagentoFrameworkEventObserver $observer)

 $orderIds = $observer->getEvent()->getOrderIds();
 $order = $this->_orderRepositoryInterface->get($orderIds[0]);
 $items =$order->getAllVisibleItems();
 $productQuantity = array();
 $productPrice = array();
 $productName = array();
 $productIds = array();
 foreach($items as $item) 
 $productIds[]= $item->getProductId();
 $productName[]= $item->getSku(); 
 $productPrice[] = $item->getPrice();
 $productQuantity[]= floor($item->getQtyOrdered());
 

How can I get product image and product url from item?

This way may not a best way to get product image.

Inject MagentoCatalogApiProductRepositoryInterfaceFactory in our constructor.

protected $_productRepositoryFactory;

public function __construct(
 MagentoCatalogApiProductRepositoryInterfaceFactory $productRepositoryFactory
) 

 $this->_productRepositoryFactory = $productRepositoryFactory;

We can get the image:

$product = $this->_productRepositoryFactory->create()->getById($item->getProductId());
$product->getData('image');
$product->getData('thumbnail');
$product->getData('small_image');

If you want the published/cache frontend URL of an image for a specific store view (like I did) this is working for me:

/**
 * @var MagentoStoreModelAppEmulation
 */
protected $appEmulation;

/**
 * @var MagentoStoreModelStoreManagerInterface
 */
protected $storeManager;

/**
 * @var MagentoCatalogApiProductRepositoryInterfaceFactory
 */
protected $productRepositoryFactory;

/**
 * @var MagentoCatalogHelperImageFactory
 */
protected $imageHelperFactory;

/**
 * @param MagentoStoreModelStoreManagerInterface $storeManager
 * @param MagentoStoreModelAppEmulation $appEmulation
 * @param MagentoCatalogApiProductRepositoryInterfaceFactory $productRepositoryFactory
 * @param MagentoCatalogHelperImageFactory $helperFactory
 */
public function __construct(
 MagentoStoreModelStoreManagerInterface $storeManager,
 MagentoStoreModelAppEmulation $appEmulation,
 MagentoCatalogApiProductRepositoryInterfaceFactory $productRepositoryFactory,
 MagentoCatalogHelperImageFactory $imageHelperFactory
)

 $this->storeManager = $storeManager;
 $this->appEmulation = $appEmulation;
 $this->productRepositoryFactory = $productRepositoryFactory;
 $this->imageHelperFactory = $imageHelperFactory;

Then, wherever you need to get the image frontend URL:

$sku = "my-sku";
// get the store ID from somewhere (maybe a specific store?)
$storeId = $this->storeManager->getStore()->getId();
// emulate the frontend environment
$this->appEmulation->startEnvironmentEmulation($storeId, MagentoFrameworkAppArea::AREA_FRONTEND, true);
// load the product however you want
$product = $this->productRepositoryFactory->create()->get($sku);
// now the image helper will get the correct URL with the frontend environment emulated
$imageUrl = $this->imageHelperFactory->create()
 ->init($product, 'product_thumbnail_image')->getUrl();
// end emulation
$this->appEmulation->stopEnvironmentEmulation();

You can select other images types besides product_thumbnail_image: see magento/theme-frontend-luma/etc/view.xml for a list of available product images, or create your own in a view.xml file.

If you need to return a product URL it should look like this:

//todo get product object $product 

$objectManager =MagentoFrameworkAppObjectManager::getInstance();
$helperImport = $objectManager->get('MagentoCatalogHelperImage');

$imageUrl = $helperImport->init($product, 'product_page_image_small')
 ->setImageFile($product->getSmallImage()) // image,small_image,thumbnail
 ->resize(380)
 ->getUrl();
echo $imageUrl;

That's the way I did. it's quite efficient and clean:

1) First, you need to inject the following classes:

protected $_storeManager;
protected $_appEmulation;
protected $_blockFactory;

public function __construct(
 ...
 MagentoStoreModelStoreManagerInterface $storeManager,
 MagentoFrameworkViewElementBlockFactory $blockFactory,
 MagentoStoreModelAppEmulation $appEmulation)

 $this->_storeManager = $storeManager;
 $this->_blockFactory = $blockFactory;
 $this->_appEmulation = $appEmulation;

2) Then, create a getImageUrl method with the code below:

protected function getImageUrl($product, string $imageType = '')

 $storeId = $this->_storeManager->getStore()->getId();

 $this->_appEmulation->startEnvironmentEmulation($storeId, MagentoFrameworkAppArea::AREA_FRONTEND, true);

 $imageBlock = $this->_blockFactory->createBlock('MagentoCatalogBlockProductListProduct');
 $productImage = $imageBlock->getImage($product, $imageType);
 $imageUrl = $productImage->getImageUrl();

 $this->_appEmulation->stopEnvironmentEmulation();

 return $imageUrl;

Note: The "appEmulation" code is only necessary when you making this call from the admin or for an API. Otherwise, you will get the error below (or similar):

Unable to resolve the source file for 'webapi_rest/_view/en_AU/Magento_Catalog/images/product/placeholder/.jpg'

3) Call the getImageUrl passing the product object and the type of image you want (based on your view.xml file)

...
$smallImage = $this->getImageUrl($productObject, 'product_page_image_small');
...

For gettting custom image url I used this code. So if the image does not exits it will load the default theme image.

$product = $block->getProduct();

$productImageAttr = $product->getCustomAttribute('product_banner_image');

if ($productImageAttr && $productImageAttr->getValue() != 'no_selection') 

 $productImage = $this->helper('MagentoCatalogHelperImage')
 ->init($product, 'product_banner_image')
 ->setImageFile($productImageAttr->getValue());

 $imageUrl = $productImage->getUrl();

 else 

 $imageUrl = $this->getViewFileUrl('images/cat-img1.jpg'); // Theme/web/images