How to Synchronize a Facebook Cover Photo
with a Facebook Profile Photo

Optional-Instructions Three continued...

“3000x1200 pixel” work area

[Irfanview Screenshot] - “3000x1200 pixel” work area and “top-rock-2014x624-template.jpg”

Return to your “3000x1200 pixel” work area, and add to it the “top-rock-2014x624-template.jpg” image that you just cropped, and “lock” the image to the work area. Then add the pink-colored “340x36-px reference rectangle” to the upper-left corner of the “top-rock-2014x624-template.jpg” image, and “group” the pink reference rectangle with the template, so that the reference rectangle will not move.

“Save” this work area, with the added “top-rock-2014x624-template.jpg” image, as:
[ top-rock-work-area.png ].

You will be able to return to this file later should the need arise.

“Crop” a “340x340 pixels” area directly below the “340x36-px reference rectangle” (as shown above), starting from the lower-left-hand corner of the pink reference rectangle—flush with the left edge of the “top-rock-2014x624-template.jpg” image.

“Save” this “340x340 pixels” cropped area as:
[ top-rock-340x340-profile.png ].

Note: If an image you wish to work with is less than, say, “2950 pixels” in width, and at least “624 pixels” in height, and you do not need to “resize” the image, you can just add the image to the “3000x1200 pixel” work area and perform the following steps:

  • “Lock” the image to the work area.
  • “Save” the work area, with your image added, as:
    [ some-name-work-area.png ].
  • Place the lime-colored template over the image where you choose.
  • Place the yellow “340x17-px reference rectangle” directly on top of the thin, red rectangle on the lime-colored template.
  • “Delete” the lime-colored template, then “group” the yellow “340x17-px reference rectangle” with your image.
  • “Crop” a “2014x624 pixels” area from the image, starting from the lower-left corner of the yellow reference rectangle.
  • Place the pink-colored “340x36-px reference rectangle” in the upper-left corner of your cropped image, then “group” the reference rectangle with your image. (You will have to open “3000x1200-work-area.png” to get the “340x36-px reference rectangle” that is included with the work area.)
  • “Save” the cropped image as:
    [ some-name-work-area-2.png ].
  • You will be able to return to [ some-name-work-area.png ] or [ some-name-work-area-2.png ] later should the need arise.
  • “Crop” a “340x340 pixels” area directly below the “340x36-px reference rectangle,” starting from the lower-left-hand corner of the pink reference rectangle—flush with the left edge of [ some-name-work-area-2.png ].
  • “Save” this “340x340 pixels” cropped area as:
    [ top-rock-340x340-profile.png ].

Note: The lime-colored template from the work area can be used to check any image, at any time, to see how the image will look in a “synchronized” Facebook Cover/Profile photo format.

“3000x1200 pixel” work area

[Irfanview Screenshot] - “3000x1200 pixel” work area and “top-rock-2014x624-template.jpg”

Now that you have cropped your “340x340 pixels” Profile photo image from the “top-rock-2014x624-template.jpg” image, or from [ some-name-work-area-2.png ], it’s time to “crop” your Cover photo.

Click the “Undo” button or arrow in your Image Editor, to return to the work area, or to [ some-name-work-area-2.png ], then “crop” a “1640x624 pixels” area from the “top-rock-2014x624-template.jpg” image, or from [ some-name-work-area-2.png ], starting at the top-right corner of the image, as shown above.

“Save” this “1640x624 pixels” cropped area as:
[ top-rock-1640x624-cover.png ].

Now “resize” your Cover photo to “820x312 pixels,” and “save” this image as:
[ top-rock-820x312-cover.png ].

When you “upload” this “top-rock-820x312-cover.png” image to your Facebook page, Facebook will not alter the dimensions of the image; but Facebook will automatically “resize” your “top-rock-340x340-profile.png” Profile photo down to “170x170 pixels” in size when you upload it. At that point, your original Cover photo and Profile photo have been resized by half, and are in sync—the Cover photo (top-rock-1640x624-cover.png) resized by half by you, on your computer, and the Profile photo (top-rock-340x340-profile.png) resized by Facebook, on your Facebook page.

At this point, should you wish, you can open the “top-rock-340x340-profile.png” file and add a “logo” to the image, then “save” the altered file as:
[ “top-rock-340x340-profile-logo.png ].

You might choose to add a logo or image or text to your Profile photo to give the Profile photo meaning when it stands alone on a “mobile-device” Facebook page.

Now you are ready to “upload” your Profile photo (top-rock-340x340-profile.png, or top-rock-340x340-profile-logo.png) and Cover photo (top-rock-820x312-cover.png) to your Facebook page.

Important: The following two screenshots reveal a hurdle you must clear in order for your Profile photo to be uploaded properly.

Note: Read the text under the last screenshot on this page to find out how to check your Cover and Profile photos for “synchronization” right on your computer, before uploading the photos to your Facebook page.

Profile Photo Upload PopUp Window

[Irfanview Screenshot] - Profile Photo Upload PopUp Window

When you begin the upload process from your Facebook page Profile photo, by clicking on the little camera icon in the lower-right corner of your Profile photo, and then clicking “Upload Photo” from the dropdown menu that displays, you will be presented with the popup window shown above, where you will notice that your uploaded Profile photo has been “auto-cropped” by Facebook to “320x320 pixels” in size. You will see that the little “slide bar” on the bottom-center of the popup window is not positioned all the way to the left.

You must move this “slide bar” all the way to the left in order for the full size of your Profile photo (340x340 pixels) to be uploaded by Facebook, as the next screenshot shows.

Profile Photo Upload PopUp Window

[Irfanview Screenshot] - Profile Photo Upload PopUp Window

With the “slide bar” moved all the way to the left, you can then click the blue “Save” button to complete the uploading process.

Note: You should upload your Profile photo first. When you then upload your Cover photo, you will be able to see if the Cover photo lines up perfectly with your Profile photo before you click the “Save” button. If the Cover photo does not line up with the Profile photo to your satisfaction: click the grey “Cancel” button; re-open the “top-rock-work-area.png” file in your Image Editor...and start over!

It is easy to be off in your image-cropping by a pixel here or a pixel there. After a little practice though, after say five years, you will become proficient at it.

Screenshot of Uploaded Images

[Irfanview Screenshot] - Screenshot of Uploaded Cover and Profile photos

Once you have uploaded Cover and Profile photos that look to you “synchronized” with each other, take a “screenshot” of your Facebook page, like the one shown above. You can open this screenshot in your Image Editor and use it to determine if future synchronizing efforts are successful, right on your computer, before doing any uploading.

Here’s how to check how “synchronized” your Cover and Profile photos are, right on your computer:

  • Open in your Image Editor the screenshot you took of your Facebook page (or open a screenshot you can take right now of any “Business-Oriented” Facebook page), along with your “top-rock-340x340-profile.png” Profile photo and “top-rock-820x312-cover.png” Cover photo.
  • “Resize” your “top-rock-340x340-profile.png” Profile photo down to “170x170 pixels” in size—just as Facebook would do.
  • Add your Cover photo and “resized” Profile photo to your screenshot, lining up each photo with its peer on the screenshot, and see if the photos look “synchronized” to you.

Here is a “Cover/Profile Photo Testing” Facebook page that shows the results of this tutorial. [“Logging-in” to Facebook may be required.]