Connect With WRD
feed via e-mail
feed via e-mail

Posts Tagged ‘Crop’

Social networks allow users to customize how their profiles appear with avatars, backgrounds, cover images, etc.

Social Media Image Maker is a free, web-based tool that eases creating and editing these images.

Social Media Image Maker

The tool informs us with the required image dimensions for each service (Twitter, Facebook, YouTube, Flickr and more) and allows uploading any image + resizing or cropping them to fit the size.

Simply, from a single interface, it is possible to create social images for all major networks without the need to learn the requirements for each.

Cloudinary LogoFor each scripting language, there are various image manipulation libraries for actions like cropping, resizing or optimizing each item.

The problem is that some libraries are lacking some features, they may not be available on "that" hosting account, etc. and you may be in need of a better solution.

Cloudinary is a web service for processing and manipulating images in the cloud with the requests we can send using the HTTP and URL based APIs provided.

Cloudinary

It starts with handling the uploads (including multiple files at once) and accomplishes standard jobs like cropping, resizing, optimizing or converting them so easily.

Let's say you have uploaded an image named "product.jpg" and sized 600*400px using the API. You want to display a small thumbnail in the product listing page:

a little bigger one in the product detail page:

and the original one in a lightbox

Amazing right? They are all created on-demand, cached for future use and served from Amazon CDN for faster delivery.

But, Cloudinary offers more and smarter methods for today's web which will impress you like automatically fetching user photos from social networks.

Read the rest of this entry »

imgAreaSelect is a jQuery plugin that enables you to create selectable areas on images which is a widely used technique for cropping images.

Once an area is selected, you can get the x-y coordinates & apply any actions on that part of the image like cropping or implementing effects.

jQuery Image Select Plugin

The plugin is very flexible & offers options like:

  • aspect ratio
  • max height, max width
  • opacity
  • whether it can be resize or not
  • keyboard support & more..

There is also an image crop tutorial using imgAreaSelect & PHP that can be found here.

WideImage is an object-oriented PHP image library.

Color Palette Icon
It is written in PHP 5 and requires only GD2 library for manipulating images.

The library is very suitable for new generation web applications (for easier mashups) as it supports loading images from any URL besides loading them from a file, string or a valid image source.
 

Some features of WideImage:

  • Transformations: crop, resize, rotate, flip, mirror
  • Conversions: graysclae, negative, truecolor, palette
  • Colors/channels: merge, mask, filter, get channels, correct gamma…

MooCrop is an image cropping utility using the powerful mootools javascript framework. Alone, it is only a selection tool but when used with a serverside script then it becomes an image manipulation tool.

Mootools Image Crop

Some MooCrop features:

  • Completely customizable CSS styling
  • Detects and handles multiple CSS box models
  • Allows for masking to be toggled
  • Ability to hide resize handles during drag
  • Custom events for your own modification
  • Relative based postioning rather then absolute (should handle overflow properly)
  • Works and retains layouts on floating images.
  • Resize from 8 different directions
  • Ability to set minimium size limit
  • Cleans up nicely, leaving your DOM in its original state when removed.
  • Fast!

Online image cropping is a widely used feature in web applications.

Prototype JavaScript Image Cropper UI is an unobtrusive script based on Prototype and script.aculo.us.

It allows you to select any area in an image and gives the x, y, x1, y1, width and height values which are enough for a succesful image cropping.

Prototype Image Crop

This Prototype image crop UI also has ratio locking, selected area preview and minimum height – width options.

Resizing & cropping images fast & easily with a web based, flash interface. rsizr is a simple to use website which is focused for this mission.

If your image editing software isn’t with you or you are a blogger who is not good at image editing, than you may like rsizr so so much.

rsizr image editing online

Uptime Robot
feed-holder
FeedBurner
PSD2HTML.com