Magento 2: Get image url in phtml file

Question

I'm trying to add an image to my first module can someone tell me how I cando this I am new to Magento

this is phtml file

<h2>Hello world</h2>

module is in

app/code/Test/Helloworld

This is my directory structure of Helloworld Module

Answer 1

For example your image at:

app/code/Vendor/Module/view/frontend/web/images/demo.jpg

Use $block->getViewFileUrl() function to get image url in phtml file like this

echo $block->getViewFileUrl('Vendor_Module::images/demo.jpg'); 

Answer 2

If you using phtml file add an image, CSS and js use $block->getViewFileUrl() and if you working on block use this{{view url="images/IMG_7300.JPG"}}