Clients always ask at some point about resizing images for WordPress and social media. It is indeed an important detail for your site. The more consistent your photographs are, the more professional your site will look, but don’t bog yourself down by details and overwhelming options. Know that your camera takes pictures 2 ways, horizontally and vertically, and it’s in high resolution, so when you download a photograph you will have to resize it to make it smaller (and a faster download for a website).
When I think about sizing for websites I (usually) have 3 standard sizes that I work with:
- Horizontal (1920 X 1280)
- Square (1920 X 1920)
- Vertical (1280 X 1920)
Horizontal and vertical resolutions come from the camera at a screen resolution of 72 DPI. Sometimes I use custom sizing, but it has to be for a darn good reason!
Social platforms also have standard sizes that you will need to work with, and if you try to put a horizontal photograph into square profile pictures, it will get cropped. Understand sizing and you will have much nicer social feeds.
[space shortcode_name=”” height=”space-sm” responsive=”{‹²›desktop_display‹²›:{‹²›selected‹²›:‹²›yes‹²›},‹²›tablet_landscape_display‹²›:{‹²›selected‹²›:‹²›yes‹²›},‹²›tablet_display‹²›:{‹²›selected‹²›:‹²›yes‹²›},‹²›smartphone_display‹²›:{‹²›selected‹²›:‹²›yes‹²›}}” __fw_editor_shortcodes_id=”3ca14a8faa04c2b9f00b02bef86e3897″ _array_keys=”{‹²›responsive‹²›:‹²›responsive‹²›}” _fw_coder=”aggressive”][/space][accordion unique_id=”46eb0bb20ad84319946e4fe979a6b283″ bg_color=”{‹²›id‹²›:‹²›fw-custom‹²›,‹²›color‹²›:‹²›‹²›}” background_options=”{‹²›background‹²›:‹²›none‹²›,‹²›custom‹²›:{‹²›background_color‹²›:{‹²›color‹²›:‹²›‹²›,‹²›id‹²›:‹²›fw-custom‹²›}}}” advanced_styling=”{‹²›titles‹²›:{‹²›google_font‹²›:true,‹²›subset‹²›:‹²›latin‹²›,‹²›variation‹²›:‹²›700‹²›,‹²›family‹²›:‹²›Roboto Slab‹²›,‹²›style‹²›:false,‹²›weight‹²›:false,‹²›size‹²›:‹²›13‹²›,‹²›line-height‹²›:‹²›28‹²›,‹²›letter-spacing‹²›:‹²›0‹²›,‹²›color-palette‹²›:{‹²›id‹²›:‹²›fw-custom‹²›,‹²›color‹²›:‹²›‹²›},‹²›is_saved‹²›:true},‹²›body_text‹²›:{‹²›google_font‹²›:true,‹²›subset‹²›:‹²›latin‹²›,‹²›variation‹²›:‹²›300‹²›,‹²›family‹²›:‹²›Roboto Slab‹²›,‹²›style‹²›:false,‹²›weight‹²›:false,‹²›size‹²›:‹²›16.5‹²›,‹²›line-height‹²›:‹²›28‹²›,‹²›letter-spacing‹²›:‹²›0‹²›,‹²›color-palette‹²›:{‹²›id‹²›:‹²›fw-custom‹²›,‹²›color‹²›:‹²›‹²›},‹²›is_saved‹²›:true},‹²›icon_size‹²›:‹²›16‹²›}” tabs=”‹º›{‹²›title‹²›:‹²›Facebook‹²›,‹²›content‹²›:‹²›‹¨›p‹˜›‹¨›img class‹´›‹ª›‹²›alignnone size-full wp-image-6348‹ª›‹²› src‹´›‹ª›‹²›http://larakroekerinteractive.com/wp-content/uploads/2017/03/01_Facebook_Covers.jpg‹ª›‹²› alt‹´›‹ª›‹²›‹ª›‹²› width‹´›‹ª›‹²›500‹ª›‹²› height‹´›‹ª›‹²›908‹ª›‹²› /‹˜›‹¨›/p‹˜›‹²›,‹²›opened‹²›:‹²›‹²›,‹²›icon_type‹²›:{‹²›tab_icon‹²›:‹²›icon-class‹²›,‹²›icon-class‹²›:{‹²›icon_class‹²›:‹²›‹²›},‹²›upload-icon‹²›:{‹²›upload-custom-img‹²›:‹²›‹²›}}},{‹²›title‹²›:‹²›Twitter‹²›,‹²›content‹²›:‹²›‹¨›p‹˜›‹¨›img class‹´›‹ª›‹²›alignnone size-full wp-image-6353‹ª›‹²› src‹´›‹ª›‹²›http://larakroekerinteractive.com/wp-content/uploads/2017/03/Twitter-Image-Sizes-2017-1.jpg‹ª›‹²› alt‹´›‹ª›‹²›‹ª›‹²› width‹´›‹ª›‹²›500‹ª›‹²› height‹´›‹ª›‹²›698‹ª›‹²› /‹˜›T‹¨›/p‹˜›‹²›,‹²›opened‹²›:‹²›‹²›,‹²›icon_type‹²›:{‹²›tab_icon‹²›:‹²›icon-class‹²›,‹²›icon-class‹²›:{‹²›icon_class‹²›:‹²›‹²›},‹²›upload-icon‹²›:{‹²›upload-custom-img‹²›:‹²›‹²›}}},{‹²›title‹²›:‹²›Linkedin‹²›,‹²›content‹²›:‹²›‹¨›p‹˜›‹¨›img class‹´›‹ª›‹²›alignnone size-full wp-image-6351‹ª›‹²› src‹´›‹ª›‹²›http://larakroekerinteractive.com/wp-content/uploads/2017/03/LinkedIn-Image-Sizes-2017.jpg‹ª›‹²› alt‹´›‹ª›‹²›‹ª›‹²› width‹´›‹ª›‹²›500‹ª›‹²› height‹´›‹ª›‹²›714‹ª›‹²› /‹˜›‹¨›/p‹˜›‹²›,‹²›opened‹²›:‹²›‹²›,‹²›icon_type‹²›:{‹²›tab_icon‹²›:‹²›icon-class‹²›,‹²›icon-class‹²›:{‹²›icon_class‹²›:‹²›‹²›},‹²›upload-icon‹²›:{‹²›upload-custom-img‹²›:‹²›‹²›}}},{‹²›title‹²›:‹²›Instagram‹²›,‹²›content‹²›:‹²›‹¨›p‹˜›‹¨›img class‹´›‹ª›‹²›alignnone size-full wp-image-6350‹ª›‹²› src‹´›‹ª›‹²›http://larakroekerinteractive.com/wp-content/uploads/2017/03/Instagram-Image-Sizes-2017.jpg‹ª›‹²› alt‹´›‹ª›‹²›‹ª›‹²› width‹´›‹ª›‹²›500‹ª›‹²› height‹´›‹ª›‹²›604‹ª›‹²› /‹˜›‹¨›/p‹˜›‹²›,‹²›opened‹²›:‹²›‹²›,‹²›icon_type‹²›:{‹²›tab_icon‹²›:‹²›icon-class‹²›,‹²›icon-class‹²›:{‹²›icon_class‹²›:‹²›‹²›},‹²›upload-icon‹²›:{‹²›upload-custom-img‹²›:‹²›‹²›}}},{‹²›title‹²›:‹²›Google +‹²›,‹²›content‹²›:‹²›‹¨›p‹˜›‹¨›img class‹´›‹ª›‹²›alignnone size-full wp-image-6349‹ª›‹²› src‹´›‹ª›‹²›http://larakroekerinteractive.com/wp-content/uploads/2017/03/Google-Plus-Image-Sizes-2017-1.jpg‹ª›‹²› alt‹´›‹ª›‹²›‹ª›‹²› width‹´›‹ª›‹²›500‹ª›‹²› height‹´›‹ª›‹²›776‹ª›‹²› /‹˜›‹¨›/p‹˜›‹²›,‹²›opened‹²›:‹²›‹²›,‹²›icon_type‹²›:{‹²›tab_icon‹²›:‹²›icon-class‹²›,‹²›icon-class‹²›:{‹²›icon_class‹²›:‹²›‹²›},‹²›upload-icon‹²›:{‹²›upload-custom-img‹²›:‹²›‹²›}}},{‹²›title‹²›:‹²›Pinterest‹²›,‹²›content‹²›:‹²›‹¨›p‹˜›‹¨›img class‹´›‹ª›‹²›alignnone size-full wp-image-6352‹ª›‹²› src‹´›‹ª›‹²›http://larakroekerinteractive.com/wp-content/uploads/2017/03/Pinterest-image-sizes-infographic.jpg‹ª›‹²› alt‹´›‹ª›‹²›‹ª›‹²› width‹´›‹ª›‹²›500‹ª›‹²› height‹´›‹ª›‹²›526‹ª›‹²› /‹˜›‹¨›/p‹˜›‹²›,‹²›opened‹²›:‹²›‹²›,‹²›icon_type‹²›:{‹²›tab_icon‹²›:‹²›icon-class‹²›,‹²›icon-class‹²›:{‹²›icon_class‹²›:‹²›‹²›},‹²›upload-icon‹²›:{‹²›upload-custom-img‹²›:‹²›‹²›}}}‹¹›” html_label=”” padding_top=”0″ padding_right=”0″ padding_bottom=”0″ padding_left=”0″ animation_group=”{‹²›selected‹²›:‹²›no‹²›,‹²›yes‹²›:{‹²›animation‹²›:{‹²›animation‹²›:‹²›fadeInUp‹²›,‹²›delay‹²›:‹²›200‹²›}}}” responsive=”{‹²›desktop_display‹²›:{‹²›selected‹²›:‹²›yes‹²›},‹²›tablet_landscape_display‹²›:{‹²›selected‹²›:‹²›yes‹²›},‹²›tablet_display‹²›:{‹²›selected‹²›:‹²›yes‹²›},‹²›smartphone_display‹²›:{‹²›selected‹²›:‹²›yes‹²›}}” class=”” __fw_editor_shortcodes_id=”00a4e4a167df3b329092091940e61add” _array_keys=”{‹²›bg_color‹²›:‹²›bg_color‹²›,‹²›background_options‹²›:‹²›background_options‹²›,‹²›advanced_styling‹²›:‹²›advanced_styling‹²›,‹²›tabs‹²›:‹²›tabs‹²›,‹²›animation_group‹²›:‹²›animation_group‹²›,‹²›responsive‹²›:‹²›responsive‹²›}” _fw_coder=”aggressive”][/accordion][space shortcode_name=”” height=”space-sm” responsive=”{‹²›desktop_display‹²›:{‹²›selected‹²›:‹²›yes‹²›},‹²›tablet_landscape_display‹²›:{‹²›selected‹²›:‹²›yes‹²›},‹²›tablet_display‹²›:{‹²›selected‹²›:‹²›yes‹²›},‹²›smartphone_display‹²›:{‹²›selected‹²›:‹²›yes‹²›}}” __fw_editor_shortcodes_id=”31b08b217b4f9a3fd0238a3dbdadd2f4″ _array_keys=”{‹²›responsive‹²›:‹²›responsive‹²›}” _fw_coder=”aggressive”][/space]I am constantly asked what program to use for resizing, which, in the past, was hard to answer because Photoshop is my tool, and it’s expensive and has a HUGE learning curve. WordPress now has a fantastic editing tool where you can resize your photographs directly inside WordPress.
[space shortcode_name=”” height=”space-sm” responsive=”{‹²›desktop_display‹²›:{‹²›selected‹²›:‹²›yes‹²›},‹²›tablet_landscape_display‹²›:{‹²›selected‹²›:‹²›yes‹²›},‹²›tablet_display‹²›:{‹²›selected‹²›:‹²›yes‹²›},‹²›smartphone_display‹²›:{‹²›selected‹²›:‹²›yes‹²›}}” __fw_editor_shortcodes_id=”af050d8578b5439681d14390ec6d2482″ _array_keys=”{‹²›responsive‹²›:‹²›responsive‹²›}” _fw_coder=”aggressive”][/space][button unique_id=”e737742033675be59bd160776aac5358″ style=”{‹²›selected‹²›:‹²›fw-btn-1‹²›,‹²›fw-btn-1‹²›:{‹²›border_radius‹²›:‹²›5‹²›},‹²›fw-btn-2‹²›:{‹²›border_radius‹²›:‹²›0‹²›,‹²›border_size‹²›:‹²›1‹²›},‹²›fw-btn-3‹²›:{‹²›border_size‹²›:‹²›1‹²›}}” normal_color=”{‹²›id‹²›:‹²›color_3‹²›,‹²›color‹²›:‹²›‹²›}” hover_color=”{‹²›id‹²›:‹²›color_2‹²›,‹²›color‹²›:‹²›‹²›}” label_advanced_styling=”{‹²›text‹²›:{‹²›google_font‹²›:true,‹²›subset‹²›:‹²›latin‹²›,‹²›variation‹²›:‹²›700‹²›,‹²›family‹²›:‹²›Roboto Slab‹²›,‹²›style‹²›:false,‹²›weight‹²›:false,‹²›size‹²›:‹²›12‹²›,‹²›line-height‹²›:‹²›30‹²›,‹²›letter-spacing‹²›:‹²›1‹²›,‹²›color-palette‹²›:{‹²›id‹²›:‹²›fw-custom‹²›,‹²›color‹²›:‹²›#ffffff‹²›},‹²›is_saved‹²›:true},‹²›hover_text_color‹²›:{‹²›color‹²›:‹²›#ffffff‹²›,‹²›id‹²›:‹²›fw-custom‹²›}}” label=”BACK TO ALL TIPS AND TRICKS” link=”https://larakroekerinteractive.com/blog/” target=”_self” nofollow=”no” open_in_popup=”{‹²›selected‹²›:‹²›no‹²›}” size=”{‹²›selected‹²›:‹²›fw-btn-md‹²›,‹²›custom‹²›:{‹²›width‹²›:‹²›‹²›,‹²›height‹²›:‹²›‹²›}}” full_width=”{‹²›selected_type‹²›:‹²›fw-btn-full‹²›,‹²›default‹²›:{‹²›btn_alignment‹²›:‹²›text-center‹²›}}” icon_type=”{‹²›tab_icon‹²›:‹²›icon-class‹²›,‹²›icon-class‹²›:{‹²›icon_class‹²›:‹²›‹²›},‹²›upload-icon‹²›:{‹²›upload-custom-img‹²›:‹²›‹²›}}” icon_position=”pull-left-icon” icon_size=”12″ animation_group=”{‹²›selected‹²›:‹²›no‹²›,‹²›yes‹²›:{‹²›animation‹²›:{‹²›animation‹²›:‹²›fadeInUp‹²›,‹²›delay‹²›:‹²›200‹²›}}}” responsive=”{‹²›desktop_display‹²›:{‹²›selected‹²›:‹²›yes‹²›},‹²›tablet_landscape_display‹²›:{‹²›selected‹²›:‹²›yes‹²›},‹²›tablet_display‹²›:{‹²›selected‹²›:‹²›yes‹²›},‹²›smartphone_display‹²›:{‹²›selected‹²›:‹²›yes‹²›}}” class=”” __fw_editor_shortcodes_id=”3ee73deb942b008e871fb4522fca66e9″ _array_keys=”{‹²›style‹²›:‹²›style‹²›,‹²›normal_color‹²›:‹²›normal_color‹²›,‹²›hover_color‹²›:‹²›hover_color‹²›,‹²›label_advanced_styling‹²›:‹²›label_advanced_styling‹²›,‹²›open_in_popup‹²›:‹²›open_in_popup‹²›,‹²›size‹²›:‹²›size‹²›,‹²›full_width‹²›:‹²›full_width‹²›,‹²›icon_type‹²›:‹²›icon_type‹²›,‹²›animation_group‹²›:‹²›animation_group‹²›,‹²›responsive‹²›:‹²›responsive‹²›}” _fw_coder=”aggressive”][/button]