Facebook Banner Size

Why bigger photos are much better in Facebook cover styles (free template & tips to prove it). Facebook Banner Size, After substantial testing, I have actually found that profile pictures are shown at 160 × 160 pixels at the top of your main profile page-- as they remain in every Facebook template I've ever discovered on the Web.


Facebook Banner Size


However, if you attempt to publish a profile photo that's 160 pixels broad, you'll receive a Facebook error mentioning that your profile image should be at least 180 pixels broad. Confusing, ideal?

Here's the offer-- You cannot publish profile pictures that are smaller sized than 180 pixels, however you can publish images that are bigger.

For best outcomes, upload images that are bigger than suggested.

The majority of the recommendations you'll discover about Facebook's cover images is a lot more complicated. Facebook's Help files (and most templates) state that your cover image must be precisely 851 pixels wide by 315 pixels tall.

But bigger is much better due to the fact that when you click a cover photo and the image opens in a new window over the profile page, your image is shown in its actual size (or as near to complete size as the space in your browser window allows). And bigger images absolutely look much better on the big screens a lot of people use.

Here's exactly what I found: If you upload a cover image that is smaller sized than 851 × 315 pixels, Facebook will stretch it to fit the display screen location. However if you publish a bigger cover photo that's bigger, Facebook will minimize the image so that it shows just fine in your profile page, and you'll have the benefit of the bigger size when someone clicks it. Note: For finest results, keep your cover image the same element ratio as the suggested 851 × 315 or it will get cropped to fit.

Caution: The most limiting element when it pertains to create cover images is that you have to keep the total file size of each image less than 100 KB. If the file size is larger, Facebook will compress it for you, and you'll probably improve results if you enhance your images using the Save for Web dialog in Photoshop.

How to use this Facebook Timeline design template.

The design template is created to act as a guideline to help you get your photos into the appropriate sizes and see how they fit together.

  • Download the design template in the format you choose utilizing the links below.

  • Open the template in Photoshop, Photoshop Elements, or your preferred image editor.

  • Open any image( s) you want to use in your Timeline and copy and paste them into the design template.

  • Resize and change your images, utilizing the template as a guide for how they will mesh on Facebook.

  • Once you get the images the way you desire them, crop out each image independently (turning layers on and off as needed).

  • Export the smaller sized profile image and the huge cover image as two different pieces (as jpegs) and publish those to Facebook.


Note: You don't have to resize your images prior to exporting them. If you create your page at the size of this template, Facebook will make them fit well in your profile.

Keep in mind: Profile images show at 160-pixels wide, but Facebook requires that you upload a photo that is at least 180-pixels large. Facebook accepts profile photos that are even larger, and they frequently look better that way, which is why this design template is twice the size of the majority of Facebook design templates.

Download Facebook Timeline Template.

To save the jpeg variation above.
Click on the design template image at the top of this page to open the full size variation, then Right-click (option-click on a Mac) and pick Save Image.

Download the Facebook Template in layered PSD format.
Download the Facebook Template in layered TIF format.

Optimizing JPEG Images with the Save for Web dialog in Adobe Photoshop


The JPEG format is the very best option for optimizing continuous-tone images, such as pictures and images with lots of colors or gradients. When you enhance a JPEG, you can make the file size smaller by applying compression. The more compression, the smaller sized the image, however if you compress the image excessive, the image can look dreadful. The trick is discovering the ideal balance, as you discover in this section.

If you have a digital photograph or another image that you wish to prepare for the Web, follow these actions to optimize and conserve it in Photoshop (in Photoshop Components or Fireworks, the process is comparable although the particular steps might vary):.

1. With the image open in Photoshop, pick File > Save for Web & Gadget (or File > Conserve for Web).

The Save for Web & Gadget dialog box appears.

2. In the top-left corner of the dialog box, select either 2-Up or 4-Up to display several variations of the very same image for simple side-by-side comparison.
In the example shown here, I selected 2-Up, that makes it possible to view the initial image on the left and a preview of the same image as it will appear with the defined settings on the right.

The 2-Up option, as the name suggests, displays two various versions for contrast, as you can see below.



3. On the ideal side of the window, just under Preset, click the small arrow to open the Optimized File Format drop-down list and choose JPEG.

4. Set the compression quality.

Use the pre-programmed choices Low, Medium, High, Extremely High, or Optimum from the drop-down list. Or use the slider simply under the Quality field to make more precise adjustments. Lowering the quality decreases the file size and makes the image download more quickly, but if you lower this number excessive, the image will look fuzzy and blotchy.

Photoshop utilizes a compression scale of 0 to 100 for JPEGs in this dialog window, with 0 the most affordable possible quality (the greatest amount of compression and the tiniest file size) and 100 the highest possible quality (the least amount of compression and the most significant file size). Low, Medium, and High represent compression values of 10, 30, and 60, respectively.

5. Specify other settings as desired (the compression quality and file format are the most essential settings).

6. Click Save.

The Save Optimized As dialog box opens.

7. Go into a name for the image and wait into the images folder in your Web site folder.

Photoshop conserves the enhanced image as a copy of the initial and leaves the initial open in the primary Photoshop work location.
Repeat these actions for each image you wish to enhance as a JPEG.

At the bottom of the image sneak peek in the Save For Web and Devices dialog box Photoshop includes an estimate of the amount of time the image will require to download at the specified connection speed. In the example revealed in the figure above, the price quote is 7 seconds at 56.6 kbps.

As you change the compression settings, the size of the image will change and the download quote will instantly change. You can change the connection speed used to make this computation by clicking on the small arrow just to the right of the connection speed, and utilizing the drop-down list to select another alternative, such as 256 kbps for Cable television Modem speed. Utilize this quote as a guide to assist you choose just how much you should optimize each image.

Thanks for reading Facebook Banner Size!

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel