# Image Editor App **URL:** \ **Category:** Promote your App\ **Tags:** design, beta, opensource\ **Created:** [January 21, 2017, 8:09pm UTC](https://community.thunkable.com/t/image-editor-app/1103 "2017-01-21T20:09:42Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![Barreeeiroo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/barreeeiroo/32/17867_2.png) [@Barreeeiroo](https://community.thunkable.com/u/Barreeeiroo)\ **Post date:** [January 21, 2017, 8:09pm UTC](https://community.thunkable.com/t/image-editor-app/1103/1 "2017-01-21T20:09:42Z")
# Important **Read this please:** > [@Image Editor App](http://community.thunkable.com/t/image-editor-app/1103/31): > > I think I will stop working on this project, as it is a lot repetitive, always doing the same (except if @Thunkable team adds an option to copy paste elements in the designer yum). But, I will publish the API for how to create a custom image from an original ones uploading it to the server * * * Hey there 👋 I have a first version of the app to edit images. You will be able to edit any image uplading it to my server using a simple button, select the image and then edit it and download to your phone ![](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/2X/b/bd7417bf9dbfff490f994a14a23fd6c5f72cd4d7.png) ![](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/2X/f/fbee495f1139606a46adceb84d7117b5d157442a.png) ![](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/2X/b/b13cd30c046f3855172bd781163c1e483894052a.png) ![](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/2X/7/758c47980c5084ad6a99be8b6546aab427482560.png) * * * ###Functions ####Avaliable Functions - Image Resizer (percentage or height and width pixels) - Add a Frame (choose a color and a width) - Add a Copyright text (custom text, size, position and color) - Change image quality - Add a shadow - ClipCorners (or round corners) ![](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/2X/1/1cad8c8b53ac8b3a73253d57d77357cabed00e6e.png) ####Future Functions - Add an age filter (to simulate an old image) - Add a binder to the photo - Rotate the image - Flip horizontally and vertically the image - Square it for uploading to Instagram (for example) - Crop with custom sizes - Apply a predefined filter (Edge, Emboss, Blur or Mean) - Apply a custom filter (you can add custom values to editor) - Add a perspective - Change brightness and shading - Simulate a mirror efect - Make the image negative - Replace a color (eg.: change red to blue) - Make a pixel party (to mess pixels) - Set a greyscale filter - Colorize the image (add like a color plastic before the image) - Pixelate the image - Change the gamma and the palette colors - Add a medianfilter to fix wrong pixels in the image - Alter the image using FX Filters (Twirl, Ripple, Lake and Waterdrop) - Make a transparent image - Add a polaroid frame with text (like old photos) - Create a custom banner for your app - More things that I’m working 😉 (like a custom frame from a PNG image) Those things have already been added to the PHP script, so the unique problem is the time, because I have to repeat the same process in the app a lot of times (create a Layout, add the parameters, request the new image…). The PHP script will be open-source when I finish the app, so you can use it in your server and customize it. Also, I will provide a manual, because some things are hard to use it. The app will be open source when I finish it too. * * * ###Downloads - App Download: [ImageEditor.apk](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/2X/0/0bd7924dff5d285827a0560c738a28dacc1f6bf5.apk) (2.2 MB) - VersionCode _23_ & VersionName _0.1.2 Beta_ - Source Code of the app: [ImageEditor.aia](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/2X/6/6f76283b654d69a6491c459477635931aaf77d75.aia) (48.8 KB) - VersionCode _23_ & VersionName _0.1.2 Beta_ - Source Code of the PHP Script: [GitHub](https://github.com/barreeeiroo) - Manual for how to use the URL and the RawImageEditor: Avaliable\_Soon.md ![](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/2X/b/be68164589d104a3cf17360c933c94da0c6737f0.png) * * * ###Thanks - Thanks to @domhnallohanlon for testing the base of the app and checking that everything was working fine - Thanks to @mika for his amazing swipe-menu example in horizontal layout * * * **PD:** This post and the update post will be updated as soon as a new version of the app is released with new features **PDD:** If you find any bug or you have a suggestion, report here ---
**Author:** ![Kleyber\_Derick](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kleyber_derick/32/10516_2.png) [@Kleyber\_Derick](https://community.thunkable.com/u/Kleyber_Derick)\ **Post date:** [January 21, 2017, 9:24pm UTC](https://community.thunkable.com/t/image-editor-app/1103/2 "2017-01-21T21:24:44Z")
Nice job!!! Congratulations, @barreeeiroo! ---
**Author:** ![mannankhanabdul](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/mannankhanabdul/32/532_2.png) [@mannankhanabdul](https://community.thunkable.com/u/mannankhanabdul)\ **Post date:** [January 22, 2017, 7:37am UTC](https://community.thunkable.com/t/image-editor-app/1103/3 "2017-01-22T07:37:26Z")
Excellent keep going… !!! ---
**Author:** ![Ali\_Aydin](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ali_aydin/32/7989_2.png) [@Ali\_Aydin](https://community.thunkable.com/u/Ali_Aydin)\ **Post date:** [January 22, 2017, 11:38am UTC](https://community.thunkable.com/t/image-editor-app/1103/4 "2017-01-22T11:38:30Z")
Looks good Can you add image compression? [http://resmush.it/api](http://resmush.it/api) ---
**Author:** ![Barreeeiroo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/barreeeiroo/32/17867_2.png) [@Barreeeiroo](https://community.thunkable.com/u/Barreeeiroo)\ **Post date:** [January 22, 2017, 1:08pm UTC](https://community.thunkable.com/t/image-editor-app/1103/5 "2017-01-22T13:08:47Z")
I could add it, but I would better add a quality method, so image could be ‘compressed’ * * * **What do you prefer, compression by API or quality chooser?** _Poll ([view on site](https://community.thunkable.com/t/image-editor-app/1103/5))_ ![](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/2X/d/ddd8f579fca0444d67811a386a179c47e31313d2.png) ---
**Author:** ![Ali\_Aydin](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ali_aydin/32/7989_2.png) [@Ali\_Aydin](https://community.thunkable.com/u/Ali_Aydin)\ **Post date:** [January 22, 2017, 1:40pm UTC](https://community.thunkable.com/t/image-editor-app/1103/6 "2017-01-22T13:40:45Z")
I think compression is better.We dont want drop quality ---
**Author:** ![Barreeeiroo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/barreeeiroo/32/17867_2.png) [@Barreeeiroo](https://community.thunkable.com/u/Barreeeiroo)\ **Post date:** [January 22, 2017, 1:42pm UTC](https://community.thunkable.com/t/image-editor-app/1103/7 "2017-01-22T13:42:06Z")
But a compression drops quality. Is impossible to compress an image without losing quality ’Compression methods’ what they do is to reduce a little bit quality, so you don’t notice the difference before and after, but it dropped quality ---
**Author:** ![Ali\_Aydin](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ali_aydin/32/7989_2.png) [@Ali\_Aydin](https://community.thunkable.com/u/Ali_Aydin)\ **Post date:** [January 22, 2017, 1:45pm UTC](https://community.thunkable.com/t/image-editor-app/1103/8 "2017-01-22T13:45:25Z")
No not all compression methods drop quality.You can select compression method with original quality or litle quality loss [http://resmush.it/](http://resmush.it/) check homepage. Maybe we can use Webp its good and optimized ---
**Author:** ![Barreeeiroo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/barreeeiroo/32/17867_2.png) [@Barreeeiroo](https://community.thunkable.com/u/Barreeeiroo)\ **Post date:** [January 22, 2017, 2:41pm UTC](https://community.thunkable.com/t/image-editor-app/1103/9 "2017-01-22T14:41:58Z")
Mmm, I will add this: > **[GitHub - davgothic/smushit: SmushIt is a PHP client for the popular Yahoo!...](https://github.com/davgothic/SmushIt)** > > SmushIt is a PHP client for the popular Yahoo! image compression web service Smush.it - GitHub - davgothic/smushit: SmushIt is a PHP client for the popular Yahoo! image compression web service Smus... It’s the official PHP Class of remush, but I will add it when I finish the app ---
**Author:** ![Barreeeiroo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/barreeeiroo/32/17867_2.png) [@Barreeeiroo](https://community.thunkable.com/u/Barreeeiroo)\ **Post date:** [January 22, 2017, 3:09pm UTC](https://community.thunkable.com/t/image-editor-app/1103/10 "2017-01-22T15:09:21Z")
> (22 / 01 / 2017) > ###update ####Added functions: - Edit your image quality _(not useful if you add a transparent background)_ - Add a shadow effect _(to simulate a flying image)_ - Clip Corners _(or round corners)_ ![](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/2X/9/951e94322df5437cb8b8ff6bc09d27bf967b4e99.png) ###Other changes - Now manual resizer will display current size of the image - OpenSource App - OpenSource Script - Fixed small errors ####Should I add an auto-destroy image script? To delete images that are older than 1 day, for example _Poll ([view on site](https://community.thunkable.com/t/image-editor-app/1103/10))_ ---
**Author:** ![Ali\_Aydin](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ali_aydin/32/7989_2.png) [@Ali\_Aydin](https://community.thunkable.com/u/Ali_Aydin)\ **Post date:** [January 24, 2017, 1:18pm UTC](https://community.thunkable.com/t/image-editor-app/1103/11 "2017-01-24T13:18:23Z")
Good work I try your aia file.When i try pick image and Post image ı got Error:Not 200 code text. I want resize user image to 300x250 do you now how to make it? and is this method support jpg and png files? ---
**Author:** ![Barreeeiroo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/barreeeiroo/32/17867_2.png) [@Barreeeiroo](https://community.thunkable.com/u/Barreeeiroo)\ **Post date:** [January 24, 2017, 5:14pm UTC](https://community.thunkable.com/t/image-editor-app/1103/12 "2017-01-24T17:14:19Z")
> [@Ali\_Aydin](#): > > When i try pick image and Post image ı got Error:Not 200 code text. ![](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/2X/8/8dc399f85d0aa61b0333bd6a4b5f92230395e90f.png) It seems that something goes wrong with the WebComponent Does it occur in the official app? Did you touch something in the blocks? * * * > [@Ali\_Aydin](#): > > I want resize user image to 300x250 do you now how to make it? Using the Resize → Manual Resize enter your Height and your Width as you want, and then it will resize the image as you want Or using the URL, add this params: `&resize&rs_manual&rs_width=300&rs_height=250` * * * > [@Ali\_Aydin](#): > > and is this method support jpg and png files? * * * Yes, it supports PNG, JPG, JPEG and GIF image format If you want more, I will search and add it if I can ---
**Author:** ![Ali\_Aydin](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ali_aydin/32/7989_2.png) [@Ali\_Aydin](https://community.thunkable.com/u/Ali_Aydin)\ **Post date:** [January 24, 2017, 7:54pm UTC](https://community.thunkable.com/t/image-editor-app/1103/13 "2017-01-24T19:54:47Z")
I use aia file and uploaded it.Tested with Thunkable live and i got error I will check resize method thanks for reply ---
**Author:** ![Barreeeiroo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/barreeeiroo/32/17867_2.png) [@Barreeeiroo](https://community.thunkable.com/u/Barreeeiroo)\ **Post date:** [January 25, 2017, 2:56pm UTC](https://community.thunkable.com/t/image-editor-app/1103/14 "2017-01-25T14:56:22Z")
> [@Ali\_Aydin](#): > > I use aia file and uploaded it.Tested with Thunkable live and i got error Mmm, IDK why it’s failing I’ve tried to create a new project and upload the AIA file and it was working fine for me Can you test it building the app and not in Thunkable Live? ---
**Author:** ![Ali\_Aydin](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ali_aydin/32/7989_2.png) [@Ali\_Aydin](https://community.thunkable.com/u/Ali_Aydin)\ **Post date:** [January 26, 2017, 10:34am UTC](https://community.thunkable.com/t/image-editor-app/1103/15 "2017-01-26T10:34:09Z")
![](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/2X/a/acbd268120d7e0f55d03d0efd1c2dee3e7cbf6d9.jpeg) Same error ---
**Author:** ![Barreeeiroo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/barreeeiroo/32/17867_2.png) [@Barreeeiroo](https://community.thunkable.com/u/Barreeeiroo)\ **Post date:** [January 26, 2017, 6:23pm UTC](https://community.thunkable.com/t/image-editor-app/1103/16 "2017-01-26T18:23:28Z")
Because your picked image is .null, it’s very strange Try to pick another image ---
**Author:** ![chiccovision](https://avatars.discourse-cdn.com/v4/letter/c/a5b964/32.png) [@chiccovision](https://community.thunkable.com/u/chiccovision)\ **Post date:** [January 27, 2017, 11:58am UTC](https://community.thunkable.com/t/image-editor-app/1103/17 "2017-01-27T11:58:04Z")
Some Browser response code including Chrome is 202;implements both codes in your app. ---
**Author:** ![Barreeeiroo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/barreeeiroo/32/17867_2.png) [@Barreeeiroo](https://community.thunkable.com/u/Barreeeiroo)\ **Post date:** [January 27, 2017, 2:19pm UTC](https://community.thunkable.com/t/image-editor-app/1103/18 "2017-01-27T14:19:17Z")
It doesn’t depend on the browser It uses 200 code only in app, and not in custom browser, so this problem won’t appear ---
**Author:** ![Ali\_Aydin](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ali_aydin/32/7989_2.png) [@Ali\_Aydin](https://community.thunkable.com/u/Ali_Aydin)\ **Post date:** [January 27, 2017, 7:27pm UTC](https://community.thunkable.com/t/image-editor-app/1103/19 "2017-01-27T19:27:12Z")
Your app work great.I found problem.I think problem source is my gallery app.Its show Latest Photo when opening and when I select from Latest its come with .null. When I select from gallery folders its work ---
**Author:** ![Barreeeiroo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/barreeeiroo/32/17867_2.png) [@Barreeeiroo](https://community.thunkable.com/u/Barreeeiroo)\ **Post date:** [January 27, 2017, 8:12pm UTC](https://community.thunkable.com/t/image-editor-app/1103/20 "2017-01-27T20:12:52Z")
Yeah, it must be the problem What gallery are you using? And what phone are you using? [Next page](https://community.thunkable.com/t/image-editor-app/1103.md?page=2)