The Visual Web Site Map

Image Management and Operations

Image Upload

Resources about uploading images using various programming languages and frameworks like jQuery, Ajax and more.

Image Upload in Mobile

Resources about uploading images in mobile operating systems like Android and iOS using various frameworks and programming languages.

  • Android Image UploadResources about uploading images to the Android mobile operating system using libraries like Volley, Retrofit 2 and more.
  • iOS Image UploadResources about uploading images in the iOS operating system using frameworks like REST API, Django and more.
  • Ionic Image UploadResources about uploading images using Ionic, a mobile app development framework targeted at building hybrid mobile apps.
  • React Native Image UploadResources about React Native image upload, a framework for building native apps using React.
  • JQuery Mobile Image UploadResources about uploading images using jQuery mobile, a framework for creating mobile web applications.

Image Upload in Web Apps

Resources about uploading images in web applications using languages and frameworks like PHP, Angular.js, JQuery and more.

  • PHP Image UploadResources about common usage patterns for uploading images with PHP, including tutorials and code examples.
  • Python|Django Image UploadResources about common usage patterns for uploading images with Python and Django, including tutorials and code examples.
  • Angular.js Image UploadResources about common usage patterns for uploading images with Angular.js, including tutorials and code examples.
  • jQuery Image UploadResources about uploading images using jQuery, a cross-platform JavaScript library designed to simplify the client-side scripting of HTML.
  • Ruby-Rails Image UploadResources about uploading images using the Ruby Programming Language and Ruby on Rails, a server-side web application framework written in Ruby.
  • Node.js Image UploadResources about uploading images using Node.js, a platform built on Chrome's JavaScript runtime for building fast and scalable network applications.
  • HTML5 Image UploadWith HTML5 File API it's easy to represent file objects in web applications. This page gathers resources about HTML5 image upload including tutorials and examples.
  • JavaScript Image UploadResources about uploading images and performing related tasks using JavaScript, a high-level, dynamic, untyped, and interpreted run-time language.
  • Image Upload Using AjaxResources about uploading images using Ajax, a technique for updating parts of a web page, without reloading the whole page.

Image Management in Online Services

Resources about image APIs used for image management and operations in social media and other online services, such as Twitter, Instagram, Facebook, and more.

  • Twitter Image APIResources about using the Twitter API to upload, manage, and edit Twitter images.
  • Facebook Image APIResources about using the Facebook API to upload, manage, and edit Facebook images.
  • Dropbox Image APIResources about using Dropbox APIs and SDKs to upload, manage and edit Dropbox images.
  • Box Image APIResources about using the Box API to upload, manage and edit Box images.
  • Instagram APIResources about the Instagram API, including overviews, Instagram API tutorials, and best practices for image management using the API.
  • Flickr APIResources about using the Flickr API to upload, manage and edit Flickr images.
  • Other Image APIsResources about using additional image APIs to upload, manage and edit images, such as the LinkedIn API and the Pinterest API.

Image Categorization

Resources about automatically categorizing images using various methods and techniques, including different tutorials, research based on machine learning, and more.


Image Delivery and CDN

Image Performance Best Practices

Resources about best practices for image performance, which discuss optimization methods for faster loading and displaying of images.

  • Image ScalabilityResources about how to obtain image scalability, discussing techniques used to handle large amounts of images on websites, while maintaining regular site function and performance levels.

Image Delivery Latency

Resources about image delivery latency on websites, which discuss how to reduce the time it takes for images to get from one designated point to another.

Image Delivery Architectures and Topologies

Resources about architectures and topologies used for image delivery, and techniques used for improving image delivery.

Image CDN

Resources about image management in a Content Delivery Network (CDN), a system of distributed servers that deliver images and other content, based on its geolocations.

Multi-CDN Management

Resources about multi-CDN, the practice of using more than one CDN provider in order to further improve latency and uptimes on a global scale. 


Video Management and Operations


Video Delivery, Streaming and CDN

HTML5 Video Player

This page gathers resources about some of the popular HTML5 video players https://demo.cloudinary.com/video/player.html and tutorials on how to build custom browser-native video players .


Video Editing and Manipulation

Responsive Video

In order for a video to be responsive, the video should always expand to fill the width of its container while maintaining its original aspect ratio. We want to avoid static sizing that can break page layouts, distort the image, or display black bars around the video. This page gathers resources about how to make responsive videos.

Video Effects and Filters

This page gathers resources about manipulating videos using filters and effects including video effects APIs and code examples.



Image Manipulation

Image Manipulation Techniques

Resources about various image manipulation techniques like image cropping, blending, combining and merging Images, extracting part of an image and more.

  • Background Image ProcessingResources about generating background images, adding and removing a background of an image using image manipulation techniques.
  • Blending, Combining and Merging ImagesResources about blending and merging multiple images into a single image with the help of frameworks like .NET and more.
  • Extracting Part of an ImageResources about extracting part of an image or extracting image data using frameworks such as JavaScript, GIMP and more.
  • Flip, Invert, and Mirror ImagesResources about how to automatically flip an image, invert image colors, or create mirror images using frameworks such as HTML5, jQuery and more.
  • Generating Image ThumbnailsResources about generating reduced-size versions of images using frameworks and programming languages like PHP, ASP.NET and more.
  • Generating PDF from ImageResources about generating PDF files from images using PHP, JavaScript and more.
  • Image Color Count and Palette DetectionResources about extracting colors from images using frameworks language like PHP, Java and more.
  • Image Cropping and Automatic CroppingResource about image cropping, a usefull feature in web application that allows the user to crop an image on a web page and save it for later use.
  • Image FittingResources about fitting images into browsers and Div containers using frameworks language like CSS, jQuery and more.
  • Image Overlay TextResources about how to overlay text on an image using CSS, HTML and JavaScript, including examples tutorials and more.
  • Image PaddingResources about image padding, a property that is used to generate space around an image by clearing an area around the image.
  • Image Rotation and OrientationResources about rotating images and changing their orientation using image manipulation techniques and programming languages like CSS, JavaScript and jQuery.

Image Filters and Effects

This page gathers resources about image filters and effects, including CSS filter which is the the most common tool for creating visual effects.

  • Blurring ImagesResources about automatically blurring and sharpening images using various frameworks.
  • Image Brightness FilterResources about applying brightness transformation to an image using languages and frameworks like CSS, JavaScript and more.
  • Image Contrast FilterResources about applying contrast transformation to a image using languages and frameworks like CSS, JavaScript and more.

Responsive Images

Resources about automatically displaying responsive images to ensure that the same image displays well on a variety of devices (phone, tablet, laptop).

  • Image Resizing TechniquesResources about sizing and resizing images using techniques and frameworks like PHP, JavaScript and more.
  • Responsive ColorResources about methods and techniques for working with image colors in responsive development and design.
  • Responsive BreakpointsResources about responsive breakpoints, the point at which sites content will respond to provide the user with the best possible layout.

Face Detection and Object Detection

Resources about detecting faces and objects in an image using frameworks like OpenCV and more.

  • Face BlurringResources about blurring faces in images including code examples, algorithms and more.
  • Face CroppingResources about face cropping in images including code examples, algorithms and more. 
  • Face RecognitionResources about face recognition in images including code examples, algorithms and more.
  • Face DetectionResources about face detection, the practice of detecting faces in an image using frameworks like OpenCV and more.
  • Face TaggingResources about tagging faces in an image using face recognition techniques.
  • Object DetectionResources about detecting objects in images including code examples, algorithms and more.


Media Use Cases

Image Management Tools


Image Formats and Optimization


Video Formats and Transcoding

Video Transcoding

Video transcoding is the process that converts a video file from one format to another, to make videos viewable across different platforms and devices. This page gathers resources about the differences between encoding and transcoding, including popular transcoding cloud services and APIs.


  • No labels