Often, when attempting to save a small image, it will degrade in clarity and sharpness. Using inspect element to save an image will preserve its original size and clarity even if it looks very small on the website. This is a really cool feature, so don’t be scared to check out something a bit more advanced!
Related: How to Get a Refund on the App Store
Jump To:
- How to Use Inspect Element on iPhone
- How to Save an Image with Safari on iPhone Using Inspect Element
How to Use Inspect Element on iPhone
In order to use the developer tools and enable this option on your iPhone, you will need to have a Mac computer and a cable that will connect your phone to your computer. For more cool tips and tricks about how to use your Apple devices, be sure to sign up for our Tip of the Day. Let’s get started!
- On your iPhone, open Settings.
![To enable developer tools, open settings on iphone]()
- Tap Safari.
![select safari]()
- Tap Advanced.
![go to advanced]()
- Toggle Web Inspector on. It will be green when enabled.
![toggle on web inspector]()
- Next, move over to your Mac and open Safari.
![switch to your mac]()
- In the upper left corner, click Safari on the menu.
![open safari]()
- Click Preferences.
![open safari preferences]()
- Click Advanced on the navigation bar.
![go to advanced preferences for safari]()
- Check Show Develop Menu in Menu Bar.
![Check the show developer in menu]()
- You should now be able to see the Develop option appear on the top menu.
![You can now see develop in the menu]()
- Once you’ve gotten to this step, you will need to connect your phone to your Mac with a cable.
- Once your iPhone is connected, click the Develop tab in the top menu.
![Click the develop drop down menu]()
- Select your phone from the drop down menu. (My phone's name is Moon).
![click your iphone]()
- To avoid having to use a cable again, you can enable Connect Via Network. Now, you can disconnect your iPhone from the Mac and still be able to inspect webpages without connecting a cable in between them.
![make it so you don't have to use a chord in the future]()
- Next, open the Safari app on your iPhone and go to the webpage you want to inspect.
![go back to safari]()
- With your iPhone unlocked and the selected webpage open, go back to your Mac and open Safari.
![Open a webpage you want to inspect on your iphone]()
- Click on Develop from the menu bar and select your iPhone.
![select your iphone from the develop drop down menu]()
- When you hover over your iPhone's name, you should see a list of web pages that are open on your iPhone. Click on the webpage you want to inspect from this list.
![choose the webpage you want to inspect]()
- A new window will load up on the Mac showing all the info that can be inspected from the selected webpage.
![you will be able to inspect a web page on your iphone on the mac]()
- You will be able to see which part of the page a line of code points to because it will become highlighted in blue as your mouse hovers over it.
![hover over the code to see it highlighted in blue on the iphone]()
How to Save an Image with Safari on iPhone Using Inspect Element
To save an image using Inspect Element
- Click Sources in the top navigation menu.
![Save a high quality image with inspect element]()
- Select Images from the side navigation.
![go to sources then images to save a picture]()
- Right-click the image you want to save.
![right click on photo to save]()
- Click Save File.
![save photo to mac from inspect image using iphone]()
And that’s how you do it! Be sure to save the images under a name you'll remember. Developer tools and inspect element are quite advanced tools, but this information could prove very useful in the future. It’s also super cool to see the way that these devices connect and work with each other and how we may be able to take advantage of Apple’s integrated devices.
