How to Crop & Resize a Photo to Exact Dimensions using Photoshop

How to resize a photo to the exact dimensions using the crop tool in Photoshop.

Resizing a photo has become an essential skill with the adoption of social media as people are finding more need for imagery to fit certain spaces online like facebook, instagram, twitter and LinkedIn to name a few.  Since Photoshop is most used for editing the photos, and if not then most of the other photo editing software has a similar interface, I decided to share how I resize photos to the exact dimensions.

Continue reading “How to Crop & Resize a Photo to Exact Dimensions using Photoshop”

Perfect pictures with picture element

One of the biggest challenge of responsive web design are images. In the quest ofpicture tag in html5 delivering crisp images web designers and developers have increased the size of data being transferred for images. Since images attribute to 60% of the bandwidth used to optimize the user experience it is important to have the ability to show different image sizes on different devices.  Images are one of the biggest obstacles in implementing truly responsive web design. Different solutions have been suggested to overcome the problem of implementing responsive images in web design. One of the solution, using srcset attribute, was discussed in a earlier postContinue reading “Perfect pictures with picture element”

Using srcset (Source Set) attribute for responsive images

srcset attribute for responsive images in responsive web designOne of the most daunting challenge for web designers and web developers in implementing responsive web design has been using responsive images. The true benefits of responsive web design can only be yielded if responsive images are used since images are a large component of web design. HTML5 makes developing responsive web design easier. To ensure that responsive images are being used using the srcset attribute ensures that the right size image is served for different screen sizes. Continue reading “Using srcset (Source Set) attribute for responsive images”