My Eyes Are Up Here

Description

What is it?

A fantastic new plugin that helps you control how WordPress generates thumbnails.

Why use it?

When WordPress automatically generates thumbnails, it sometimes doesn’t crop them in a way that is suitable for the image you’ve uploaded. If your image isn’t the correct format, and let’s face it, you never know what images people are uploading – you’ll run the risk of a badly cropped image. Not good.
If you have a full portrait image of a person that you’ve uploaded, but you need the image to appear landscape, you’re in trouble! WordPress will centre the image so that you end up with person’s crotch. Not good. Or let’s say you have a landscape image, with a person’s face on the right hand side, but you need it to display in a square thumbnail. You’ll end up with half a face as WordPress centres the image.

What does the plugin do?

You can control how you want your WordPress thumbnails to appear on your website. Regardless of the image format you upload, you can either use the automatic face detector or if you want even more control, you can manually add hotspots.

How do I use it?

Navigate to your media library then click on the image you want to edit. Use the detect faces or edit hotspots option to edit your image. You’ll see thumbnail previews when you’ve applied these edits, when you’re happy hit update. Simple.

Usage

  1. Once the plugin is activated, navigate to your ‘Media Library’.
  2. Click on the image you want to edit to bring up your ‘Edit Media’ options.
  3. You should now be able to see extra image editing options, below the ‘Description’ box.
  4. By clicking ‘Detect faces’ or ‘Add hotspots’ you can now start to edit your image thumbnails.
  5. If you click the ‘Detect faces’ button, it will centre the crop using an average of all the faces it finds.
  6. Please note this is basic face detection and won’t find everything.
  7. You can click and create 1 or several hotspots to centre the crop of your thumbnails, if ‘Detect faces’ doesn’t work.
  8. If you’re happy with your ‘Thumb Previews’ hit save, and you’re done. Simple.

Screenshots

  • Default WordPress cropping where the thumbnail is cropped to the centre of the image.

  • Thumbnail after My Eyes Are Up Here has detected any faces in the image.

  • How WordPress crops the image without My Eyes Are Up Here.

  • How the image appears once My Eyes Are Up Here has been installed and applied.

Installation

The install

  1. You can install the plugin using the auto-install tool from the WordPress back-end.
  2. To manually install, upload the folder /myeyesareuphere/ to /wp-content/plugins/ directory.
  3. Activate the plugin through the ‘Plugins’ menu in WordPress

FAQ

Installation Instructions

The install

  1. You can install the plugin using the auto-install tool from the WordPress back-end.
  2. To manually install, upload the folder /myeyesareuphere/ to /wp-content/plugins/ directory.
  3. Activate the plugin through the ‘Plugins’ menu in WordPress
What happens when there are multiple hotspots/faces detected?

This will crop the image to get as many hotspots in the thumbnail as possible or crop around the center of the hotspots if not.

How do I report a problem?

You can email us at cases@interconnectit.fogbugz.com with “My Eyes Are Up Here” in the subject and the following information:

  1. What browser and version is this problem occurring with?
  2. What WordPress version are you using?
  3. What version of My Eyes Are Up Here are you using?
  4. Are there any errors in the javascript console?
    • Chrome and Firefox: ctrl + shift + j (Win) or alt + cmd + j (Mac)
    • Internet Explorer: F12 and click on ‘Script’ then ‘Console’
  5. What are the steps you used to produce this problem?

Reviews

Fantastic

I’ve been using this plugin for a couple years now and never got around to giving it a review.

It’s easily one of the more useful plugins for those sites using a variety of thumbnail/image sizes. If you’re always finding your feature image or gallery thumbnails are cropping off heads or not focusing on the right part of the image, this works great.

A very useful addition to the WordPress CMS

Wow, this is something that should be a standard tool within the WordPress CMS. I used on a site of a customer who is using a lot of images with people on it and a lot of times the heads where not on the thumbnails.

Now it’s over with cutting and cropping the hard way, this tool is very easy to use and the possibility of adding hotspots manually makes it perfect. I have done dozen’s of post corrections within no time.

One useful tip, when adding a hotspot: aim for the chin.

This is one of the most useful plugins I have seen within WordPress.

This is too awesome.

Hey, I just wanted to say that this is a must have plugin if you are dealing with displaying images in various aspect ratios.. It helps getting the important parts of an image in all the thumbnails 🙂

It Works!

A Google Search for “wordpress featured image portrait” brought me to this site and from there I found a link to this plugin. Works as advertised!

The only issue I had was that it did not detect the face in my photo. But via the Hotspots option in the Media Library I was able to precisely define the center of the photo. No algorithm would have done exactly what I was seeking anyway. I imagine I will fine-tune the crop via a manual hotspot in most instances for optimal results. Bravo!

Read all 26 reviews

Contributors & Developers

“My Eyes Are Up Here” is open source software. The following people have contributed to this plugin.

Contributors

“My Eyes Are Up Here” has been translated into these 5 locales: German (Formal), Danish, Czech, Chinese (Taiwan), English (Canada). Thank you to the translators for their contributions.

Translate “My Eyes Are Up Here” into your language.

Interested in development?

Browse the code or subscribe to the development log by RSS.

Changelog

1.1.9

  • Fix the js error for WP Customizer

1.1.8

  • Remove deprecated jQuery methods

1.1.7

  • Remove PHP warnings
  • Add composer support

1.1.6

  • Prevent hotspots from being placed outside edges of image

1.1.5

  • AS3CF compatibility

1.1.4

  • Fix translation file

1.1.3

  • Fix text domain

1.1.2

  • Add translation file

1.1.1

  • Better ajax validation
  • Fix regenerate thumbnail issue

1.1.0

  • Complete plugin refactoring

1.0.2

  • Fixed for versions 4.4.*

1.0.1

  • Now only runs on image attachments

1.0

  • Release version

0.4

  • Bugfixes, play nicely with other plugins/themes that modify image sizes

0.3

  • Hotspots!

0.2:

  • jQuery option for speed