Facebook Banner Image Size

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


Facebook Banner Image Size


However, if you aim to publish a profile image that's 160 pixels broad, you'll get a Facebook mistake mentioning that your profile image must be at least 180 pixels wide. Confusing, right?

Here's the deal-- You can't publish profile pictures that are smaller than 180 pixels, but you can upload images that are larger.

For best outcomes, upload images that are larger than recommended.

The majority of the guidance you'll find about Facebook's cover images is a lot more complicated. Facebook's Help files (and most design templates) state that your cover image need to be precisely 851 pixels broad by 315 pixels tall.

But larger is much better since when you click a cover image and the image opens in a brand-new window over the profile page, your picture is shown in its actual size (or as close to full size as the space in your browser window permits). And bigger images certainly look better on the big monitors many of us use.

Here's what I found: If you upload a cover image that is smaller sized than 851 × 315 pixels, Facebook will stretch it to fit the screen location. But if you submit a larger cover photo that's bigger, Facebook will decrease the image so that it shows just great in your profile page, and you'll have the benefit of the larger size when someone clicks on it. Keep in mind: For finest results, keep your cover image the same element ratio as the recommended 851 × 315 or it will get cropped to fit.

Warning: The most limiting aspect 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 bigger, Facebook will compress it for you, and you'll almost certainly improve results if you optimize your images using the Save for Web dialog in Photoshop.

The best ways to use this Facebook Timeline design template.

The design template is created to work as a guideline to assist you get your pictures into the correct sizes and see how they mesh.

  • Download the template in the format you prefer using the links listed below.

  • Open the template in Photoshop, Photoshop Aspects, or your favorite image editor.

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

  • Resize and adjust your images, utilizing the design template as a guide for how they will fit together on Facebook.

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

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


Note: You do not have to resize your images prior to exporting them. If you design your page at the size of this design template, Facebook will make them fit perfectly in your profile.

Keep in mind: Profile pictures display at 160-pixels broad, however Facebook needs that you publish a picture that is at least 180-pixels large. Facebook accepts profile images that are even larger, and they typically look better that method, which is why this design template is twice the size of a lot of Facebook templates.

Download Facebook Timeline Design Template.

To conserve the jpeg version above.
Click on the design template image at the top of this page to open the complete size version, 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 finest choice for enhancing continuous-tone images, such as photos and images with many colors or gradients. When you enhance a JPEG, you can make the file size smaller sized by using compression. The more compression, the smaller the image, however if you compress the image excessive, the image can look dreadful. The trick is finding the best balance, as you find in this section.

If you have a digital photo or another image that you wish to get ready for the Web, follow these actions to optimize and wait in Photoshop (in Photoshop Aspects or Fireworks, the procedure 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 & Devices dialog box appears.

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

The 2-Up choice, as the name suggests, shows 2 various versions for comparison, as you can see below.



3. On the best side of the window, simply under Preset, click the little arrow to open the Optimized File Format drop-down list and pick JPEG.

4. Set the compression quality.

Use the predetermined choices Low, Medium, High, Really High, or Optimum from the drop-down list. Or use the slider just under the Quality field to make more accurate modifications. Reducing the quality decreases the file size and makes the image download faster, however if you lower this number too much, the image will look blurred 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 highest amount of compression and the smallest file size) and 100 the highest possible quality (the least amount of compression and the greatest file size). Low, Medium, and High represent compression worths of 10, 30, and 60, respectively.

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

6. Click Save.

The Save Optimized As dialog box opens.

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

Photoshop saves the enhanced image as a copy of the initial and leaves the initial open in the main Photoshop work location.
Repeat these steps for each image you desire to enhance as a JPEG.

At the bottom of the image preview 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 defined connection speed. In the example displayed in the figure above, the price quote is 7 seconds at 56.6 kbps.

As you adjust the compression settings, the size of the image will alter and the download estimate will instantly adjust. You can change the connection speed utilized to make this estimation by clicking on the little arrow simply to the right of the connection speed, and using the drop-down list to pick another alternative, such as 256 kbps for Cable Modem speed. Utilize this quote as an overview of help you choose how much you should enhance each image.

Thanks for reading Facebook Banner Image Size!

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel