Images in ionic 2

[vaibsVB]

@muhammedmoussa First, create a new folder “images” within your projects “www” directory.

When your image is located in www/images
– then you should reference it as images/logo.png from your HTML files
or
– or as ../../images/logo.png from your SCSS files.

this worked properly on my iPad and iPhone5. Try this one…this will work on both ionic serve and real devices

Refer below forum answer by one of the ionic team member for reference:

Images not rendering on iOS but fine in browser

AFAIK, when your image is located in www/img then you should reference it as img/key.png from your HTML files or as ../../img/key.png from your SCSS files. I just tried this and it works in Chrome and when deployed to an Android device (I can’t test it on iOS though): .ion-ios-key::before, .ion-md-key::before { max-height: 32px; content: url(../../img/key.png); } You could try to insert the image in one of the pages (i.e. <img src="img/key.png">) to check if it’s present after deployi…