Code Monkey home page Code Monkey logo

social-media-dimensions-cheatsheet's Introduction

Social Media Dimensions Cheatsheet

A single, sliced psd file containing all major image dimensions for facebook, twitter, google+, youtube & linkedin

Preview:

Contains the following images & networks:

Facebook
  • Cover Photo (851px x 315px)
  • Profile Photo (300 x 300px, displays as 160 x 160px)
  • App Icon (111 x 74px)
Google+
  • Cover Photo (2120 x 1192px)
  • Profile Photo (300 x 300px, displays as 120 x 120px)
Twitter
  • Background Image (2560 x 1600px)
  • Header Image (1500 x 500px)
  • Profile Photo (400 x 400px, displays as 200 x 200px, then 36 x 36px on scroll)
LinkedIn
  • Cover Image (646 x 220px)
  • Company Logo (100 x 60px)
Youtube
  • Cover Photo (2560 x 1440px)

How to use

Step 1

Replace placeholder images with your own images

Step 2

When saving, make sure to 'Save for Web' and change the 'slices' option to 'All User Slices'

social-media-dimensions-cheatsheet's People

Contributors

chuckreynolds avatar seanmacentee avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Forkers

roomxi sahariar tlamelo abraxasllc beingsane eduavila anzeljg kratosomega johnulist sincerusx coderfarhaan

social-media-dimensions-cheatsheet's Issues

GitHub not happy with size

Viewing it in Github is not possible. And Git isn't too happy with binary blobs of this size.

Is it possible to split this into smaller files?

clipping mask at the group layer verse how it's done now?

maybe it's my poor understanding of masks in general but I noticed when I did a CMD+CLICK on the "insert your photo here" layer and then selected the group above it and clicked the create mask icon it did a nice job of cropping everything out that wasn't inside the boundaries of that border.

It seemed like some inconsistencies exist between the different groups.

Am I wrong?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.