I've splash screen in my application which appears to be working fine. Once the html is loaded the splash screen goes off. Since the html page takes time to load it showed a blank screen. To cope up with the splash screen, I again added the same image into my html and display it to the user till the page is completely loaded. Everything is working fine, except that there is a flickering when the view-port shifts from splash to html image. The problem is when the splash screen is displayed the image seems to be zoomed in and when the html displays the splash it is zoomed out(shows full size). How to maintain a consistency among the splash screen and the image in html?