GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → gnuns → crops

gnuns / crops

Licence: MIT License
🌄 Image thumbnail generation server

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

imagemagickimagethumbnailsimage-processingcropcrop-imagethumbnail

Projects that are alternatives of or similar to crops

Flyimg
Dockerized PHP7 application runs as a Microservice to resize and crop images on the fly. Get optimised images with MozJPEG, WebP or PNG using ImageMagick. Includes face detection, cropping, face blurring, image rotation and many other options. Abstract storage based on FlySystem in order to store images on any provider (local, AWS S3...).
Stars: ✭ 762 (+1959.46%)
Mutual labels:  imagemagick, crop, crop-image
Node S3 Uploader
Flexible and efficient resize, rename, and upload images to Amazon S3 disk storage. Uses the official AWS Node SDK for transfer, and ImageMagick for image processing. Support for multiple image versions targets.
Stars: ✭ 237 (+540.54%)
Mutual labels:  imagemagick, thumbnails
Lsix
Like "ls", but for images. Shows thumbnails in terminal using sixel graphics.
Stars: ✭ 2,635 (+7021.62%)
Mutual labels:  imagemagick, thumbnails
pdf-thumbnail
npm package to create the preview of a pdf file
Stars: ✭ 23 (-37.84%)
Mutual labels:  imagemagick, crop
downscale
Better image downscale with canvas.
Stars: ✭ 80 (+116.22%)
Mutual labels:  thumbnails, crop
Image processing
High-level image processing wrapper for libvips and ImageMagick/GraphicsMagick
Stars: ✭ 600 (+1521.62%)
Mutual labels:  imagemagick, thumbnails
SSImagePicker
Easy to use and configurable library to Pick an image from the Gallery or Capture an image using a Camera... 📸
Stars: ✭ 227 (+513.51%)
Mutual labels:  crop, crop-image
Lilliput
Resize images and animated GIFs in Go
Stars: ✭ 1,690 (+4467.57%)
Mutual labels:  crop, thumbnail
react-drop-n-crop
An opinionated implementation of react-dropzone and react-cropper
Stars: ✭ 17 (-54.05%)
Mutual labels:  crop, crop-image
vue-crop
[举个例子]https://codesandbox.io/s/910ro8ym9r [演示链接（戳我直达）]http://www.wwwwxy.top/html/blg/
Stars: ✭ 38 (+2.7%)
Mutual labels:  crop, crop-image
imgout
On the fly thumbnail generator microservice using Elixir/OTP. (with Heroku Deploy Button)
Stars: ✭ 58 (+56.76%)
Mutual labels:  imagemagick, thumbnails
Vue Croppie
Vue wrapper for croppie
Stars: ✭ 228 (+516.22%)
Mutual labels:  crop, crop-image
Igrphototweaks
Drag, Rotate, Scale and Crop
Stars: ✭ 212 (+472.97%)
Mutual labels:  crop, crop-image
hls-live-thumbnails
A service which will generate thumbnails from a live HLS stream.
Stars: ✭ 49 (+32.43%)
Mutual labels:  thumbnails, thumbnail
Cropiwa
📐 Configurable Custom Crop widget for Android
Stars: ✭ 2,185 (+5805.41%)
Mutual labels:  crop, crop-image
react-simple-crop
✂️ A React component library for cropping and previewing images
Stars: ✭ 19 (-48.65%)
Mutual labels:  crop, crop-image
React Cropper
Cropperjs as React component
Stars: ✭ 1,600 (+4224.32%)
Mutual labels:  crop, crop-image
Krop
Small widget for image cropping in Instagram-like style
Stars: ✭ 107 (+189.19%)
Mutual labels:  crop, crop-image
lamba-thumbnailer
AWS S3 Video Thumbnailer with Lambda
Stars: ✭ 21 (-43.24%)
Mutual labels:  thumbnails, thumbnail
FotoKilof
GUI for ImageMagick
Stars: ✭ 114 (+208.11%)
Mutual labels:  imagemagick, crop
View All Similar Projects ➔

Crops

Simple thumbnail generation server

Clone & install dependencies

sudo apt-get install imagemagick graphicsmagick
git clone [email protected]:gnuns/crops.git
cd crops/
npm install

Usage:

Set the .env variables:

PORT=1337
BASE_SERVER=http://cdn.example.com/

Run!

npm start

To crop the image: http://cdn.example.com/blah/awsome/potatoe.jpg

You just have to access http://localhost:1337/crop/200/400/blah/awsome/potatoe.jpg

You can also set the crop gravity: http://localhost:1337/crop/200/400/blah/awsome/potatoe.jpg?gravity=North or http://localhost:1337/crop/200/400/blah/awsome/potatoe.jpg?gravity=2

And quality (1-100): http://localhost:1337/crop/200/400/blah/awsome/potatoe.jpg?quality=70

By default, Crops use quality = 100 and smartcrop to define the best gravity

Valid gravity values:

Code Name
0 Center
1 NorthWest
2 North
3 NorthEast
4 West
5 East
6 SouthWest
7 South
8 SouthEast
9 Smart (default)

Live demo

I setup a live demo on heroku with BASE_SERVER param as http://, so you can view a cropped version of any image on the web using the URL without http://

Address: https://crops.herokuapp.com/crop/

Example:

Original cat

Image: http://68.media.tumblr.com/4e097c1aba3644c09121b28c3fc2d468/tumblr_mgtkitzs2I1qlp8dho1_1280.jpg

Square cat

70% quality 300x300 image: https://crops.herokuapp.com/crop/300/300/68.media.tumblr.com/4e097c1aba3644c09121b28c3fc2d468/tumblr_mgtkitzs2I1qlp8dho1_1280.jpg?quality=70

credits

inspired by zooniverse/static-crop

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].