Meta tags:
description=Learn how to load and manage optimized images and videos in your native Android and iOS apps.;

Headings (most frequently used words):

native, example, mobile, cloudinary, platform, sdks, best, practices, documentation, index, get, started, with, install, agent, skills, quick, supported, platforms, optimization, uploading, assets, combined, and, desktop, delivery, multi, sizing, quality, format, videos, preprocessing, error, responsive, images, comparison, choosing, playback, approach, video, player, support,

Text of the page (most frequently used words):
and (275), video (272), image (214), transformations (157), upload (142), sdk (142), the (137), #images (103), cloudinary (100), api (93), react (71), reference (69), with (68), assets (63), for (61), player (58), your (55), introduction (52), media (51), transformation (48), javascript (47), native (43), next (43), node (43), sample (39), vue (39), mobile (38), optimization (38), start (38), quick (37), asset (37), angular (37), management (36), you (35), videos (33), overview (33), php (32), add (30), product (29), android (29), flutter (29), python (29), sdks (28), app (28), ios (28), optimize (27), delivery (26), widget (26), apis (26), configure (26), advanced (24), 2026 (23), streaming (23), projects (22), get (21), using (21), effects (21), account (21), 2023 (21), troubleshooting (21), can (20), resize (20), automatic (20), tutorials (20), started (19), guide (19), quality (19), 2024 (19), text (19), crop (19), content (19), size (18), dart (18), analysis (18), library (17), auto (17), detection (17), google (17), tips (17), apps (16), format (16), gallery (16), accessibility (16), layer (16), use (15), deliver (15), user (15), svelte (15), net (15), ruby (15), rails (15), java (15), audio (15), project (15), roles (15), step (15), ons (14), how (14), may (14), are (14), best (14), cropping (14), legacy (14), moderation (14), background (14), tagging (14), programmatic (14), this (13), from (13), 2025 (13), builder (13), custom (13), social (13), options (12), analyze (12), permissions (12), live (12), amazon (12), rekognition (12), color (12), modes (12), that (11), based (11), file (11), visual (11), first (11), migration (11), jquery (11), cli (11), remove (11), manage (11), search (11), onboarding (11), support (10), urls (10), uploading (10), uploads (10), practices (10), skills (10), guides (10), beta (10), delete (10), signatures (10), conditional (10), device (9), features (9), code (9), agent (9), october (9), release (9), notes (9), laravel (9), metadata (9), try (8), additional (8), adaptive (8), bitrate (8), example (8), full (8), settings (8), load (8), resizing (8), when (8), kotlin (8), update (8), postman (8), collections (8), references (8), imagga (8), create (8), specifying (8), animated (8), special (8), layers (8), gravity (8), types (8), named (8), files (8), hints (8), resources (8), faq (7), products (7), take (7), ensure (7), public (7), profile (7), data (7), loaded (7), url (7), responsive (7), scale (7), july (7), august (7), astro (7), canvas (7), admin (7), removal (7), workflows (7), presets (7), side (7), training (6), documentation (6), demos (6), error (6), more (6), web (6), users (6), loading (6), environment (6), default (6), here (6), below (6), version (6), any (6), set (6), defined (6), find (6), usage (6), transform (6), integration (6), provisioning (6), creation (6), editor (6), generation (6), transcription (6), aware (6), customize (6), console (6), list (6), type (6), crops (6), pdf (6), basics (6), dev (6), agents (6), pricing (5), page (5), make (5), optimizations (5), some (5), before (5), playback (5), platform (5), conditions (5), optimal (5), syntax (5), system (5), formats (5), original (5), 2022 (5), january (5), february (5), april (5), frontend (5), studio (5), config (5), profiles (5), enhancement (5), extraction (5), duplicate (5), interactive (5), controls (5), moderate (5), client (5), analytics (5), extension (5), tools (5), credentials (5), policy (4), developers (4), retail (4), commerce (4), action (4), cloud (4), what (4), should (4), was (4), advantage (4), both (4), specific (4), applications (4), experience (4), also (4), variety (4), include (4), learn (4), selection (4), control (4), over (4), than (4), listed (4), important (4), one (4), has (4), faster (4), methods (4), generated (4), always (4), download (4), platforms (4), run (4), install (4), mcp (4), servers (4), june (4), september (4), november (4), starter (4), kit (4), access (4), why (4), disabled (4), sign (4), policies (4), assign (4), folder (4), pdfs (4), authentication (4), failed (4), unsigned (4), changelog (4), errors (4), recipes (4), variables (4), arithmetic (4), condition (4), reshaping (4), artistic (4), enhancements (4), underlays (4), watermarking (4), transforming (4), fonts (4), placement (4), placing (4), trimming (4), flags (4), rollout (4), html (4), around (4), face (4), shape (4), padding (4), restore (4), replace (4), fill (4), generative (4), zoompan (4), cards (4), backgrounds (4), drop (4), nuxt (4), component (4), generate (4), tag (4), pages (4), all (3), blog (3), events (3), getting (3), resource (3), our (3), non (3), dam (3), rate (3), there (3), feedback (3), email (3), recommendations (3), way (3), above (3), uploaded (3), implementing (3), provide (3), capabilities (3), into (3), webview (3), those (3), most (3), right (3), note (3), hls (3), will (3), while (3), their (3), define (3), avif (3), jpg (3), 143 (3), comparison (3), between (3), versions (3), operating (3), setting (3), plan (3), easily (3), without (3), encoding (3), compression (3), therefore (3), core (3), time (3), high (3), multi (3), free (3), setup (3), previous (3), releases (3), latest (3), drupal (3), netlify (3), gatsby (3), nuxtjs (3), community (3), developed (3), libraries (3), backend (3), claimable (3), webpurify (3), viesus (3), url2png (3), website (3), screenshots (3), pixelz (3), ocr (3), microsoft (3), azure (3), indexer (3), perception (3), point (3), malware (3), translation (3), vision (3), aspose (3), document (3), conversion (3), celebrity (3), facial (3), attributes (3), clarity (3), adaptability (3), accessible (3), buy (3), marketplace (3), review (3), picture (3), differentiators (3), counted (3), billing (3), plans (3), webhook (3), notifications (3), eager (3), incoming (3), crud (3), post (3), processing (3), customizing (3), menu (3), glossary (3), enterprise (3), service (3), café (3), sessions (3), español (3), youtube (3), fetch (3), tutorial (3), feature (3), congrats (3), ready (3), register (3), developer (3), kickstart (3), starts (3), power (3), checks (3), privacy (2), contact (2), customers (2), about (2), security (2), see (2), name (2), good (2), rating (2), even (2), number (2), help (2), not (2), application (2), combined (2), desktop (2), preprocessing (2), them (2), functionality (2), simpler (2), development (2), handling (2), easier (2), various (2), avplayer (2), exoplayer (2), cases (2), approach (2), implement (2), however (2), memory (2), often (2), stream (2), much (2), part (2), difference (2), model (2), select (2), optimized (2), specify (2), let (2), apply (2), result (2), further (2), viewing (2), designed (2), where (2), displayed (2), down (2), devices (2), sizing (2), optimizing (2), supported (2), 1200px (2), coding (2), assistant (2), copy (2), prompt (2), dec (2), feb (2), apr (2), december (2), cloudinary_url_gen (2), package (2), active (2), storage (2), attachinary (2), carrierwave (2), object (2), mixing (2), contrast (2), temporary (2), ugc (2), channel (2), bot (2), traffic (2), successfully (2), rotate (2), keys (2), did (2), spike (2), migrate (2), optimizer (2), downgrade (2), recover (2), credit (2), card (2), payments (2), existing (2), cancel (2), via (2), migrating (2), saml (2), sso (2), adult (2), nsfw (2), permitted (2), naming (2), conventions (2), avoiding (2), already (2), fetched (2), underscores (2), ids (2), names (2), does (2), store (2), cookies (2), modify (2), dimensions (2), check (2), changed (2), issues (2), invalidate (2), cached (2), backups (2), provenance (2), authenticity (2), response (2), notification (2), inspector (2), semantic (2), rules (2), structured (2), contextual (2), tags (2), expressions (2), cacheable (2), method (2), relate (2), rename (2), filemaker (2), cloud_name (2), truncated (2), unsupported (2), parameters (2), square (2), requests (2), rejected (2), script (2), codec (2), duration (2), missing (2), play (2), simulated (2), poster (2), frame (2), logo (2), watermark (2), white (2), looping (2), gif (2), converting (2), previews (2), posters (2), rotating (2), transition (2), concatenation (2), concatenating (2), transcoding (2), shoppable (2), ads (2), monetization (2), mpeg (2), dash (2), playlists (2), customization (2), embed (2), installation (2), blurry (2), force (2), sharing (2), links (2), facebook (2), detect (2), corrupted (2), placeholder (2), lqip (2), long (2), byte (2), ttfb (2), webpagetest (2), org (2), delivered (2), gzip (2), title (2), archives (2), cdn (2), photoshop (2), pictures (2), remote (2), frameworks (2), dynamic (2), offset (2), position (2), solid (2), instagram (2), story (2), photo (2), percentage (2), horizontal (2), line (2), person (2), body (2), functions (2), models (2), refiners (2), focus (2), areas (2), recolor (2), cutouts (2), distortion (2), displacement (2), rotation (2), rounding (2), distorting (2), vertical (2), collage (2), layouts (2), upscaling (2), downscaling (2), shadows (2), effect (2), splice (2), trim (2), components (2), complex (2), watermarks (2), overlay (2), convert (2), overlays (2), enhance (2), abr (2), diagnosing (2), codes (2), solidjs (2), widgets (2), scripting (2), django (2), captioning (2), fallbacks (2), sanity (2), lazy (2), signature (2), interaction (2), webhooks (2), hono (2), remix (2), sveltekit (2), server (2), actions (2), drag (2), multiple (2), captions (2), programmatically (2), edits (2), key (2), secret (2), powered (2), brand (2), tech (2), stack (2), integrations (2), easyflows (2), powerflows (2), mediaflows (2), index (2), theme (2), docs (2), 697, rights, reserved, dmca, notice, terms, education, sales, technical, trust, newsroom, careers, partners, company, profits, travel, hospitality, entertainment, solutions, programmable, again, unfortunately, been, sending, assistance, open, request, committed, protecting, information, details, send, want, back, improved, were, looking, thanks, submitting, got, love, hear, tell, liked, better, helpful, doc, sent, certain, scenarios, develop, well, handle, outlined, work, demonstrated, these, suitable, done, shared, used, limit, letting, initial, allow, helpers, simplify, makes, desired, enabled, look, dedicated, loads, sure, trusted, validated, according, recommend, making, transformed, because, behaves, similarly, browser, typically, provides, less, consume, cpu, implementation, generally, either, choosing, shown, compatibility, browsers, supports, protocols, protocol, unstable, connection, beneficial, continue, network, change, isn, limited, same, build, added, recent, least, capability, targeted, newer, table, need, target, earlier, recommendation, jpeg, f_avif, f_webp, webp, f_heic, heic, recommended, manually, includes, instead, modifying, showing, choose, automatically, eco, option, versus, perform, adjustments, parameter, q_auto, value, intelligent, algorithms, level, minimizing, controlling, great, maintaining, derived, configuration, gain, ensures, tailored, orientation, resolution, responsively, adapts, its, layout, moving, elements, dynamically, properties, 412px, which, viewport, width, found, scaling, performed, requested, screen, sizes, smaller, forced, large, unnecessarily, final, sections, outline, practice, cache, prevent, downloading, each, still, though, caching, heavy, have, adverse, such, degraded, swift, objectivec, click, thumbnail, tip, applied, only, shows, required, applies, techniques, invite, online, courses, explore, seamless, downloads, different, considerations, comes, delivering, outlines, gets, developing, wide, offers, last, updated, oct, view, repo, github, give, class, context, working, paste, sets, installs, configures, validates, markdown, llm, discover, available, exploring, complete, https, com, llms, txt, dark, light, ask, toggle, navigation, now, new, plus, keep, current,

Text of the page (random words):
fic and access control retail and e commerce best practices visual differentiators customize and optimize assets workflows product asset workflows non product asset workflows multi channel content delivery user generated content overview upload manage and analyze transform and customize optimize and deliver profile picture sample project video review sample project marketplace products sample project try before you buy sample project delete temporary ugc assets accessible media overview image accessibility video and audio accessibility image and video adaptability visual and audio clarity color accessibility text contrast and color audio controls and mixing interactive content and controls ai in action native mobile add ons advanced facial attributes detection amazon rekognition ai moderation amazon rekognition video moderation amazon rekognition auto tagging amazon rekognition celebrity detection aspose document conversion cloudinary ai background removal cloudinary ai content analysis overview object aware cropping automatic image tagging image analysis cloudinary ai vision cloudinary duplicate image detection cloudinary image generation google ai video moderation google ai video transcription google auto tagging google automatic video tagging google translation image to video image to video api reference imagga auto tagging imagga crop and scale perception point malware detection microsoft azure video indexer ocr text detection and extraction pixelz remove the background url2png website screenshots viesus automatic image enhancement webpurify image moderation references transformation url api upload api admin api cloudinary cli image apis analyze api beta image generation api video apis ai video analysis api beta image to video api live streaming api player profiles api video canvas api video config api video player api widget apis media editor api media library widget api product gallery api studio widget api upload widget api account management apis agent account creation api claimable cloud api permissions api provisioning api sdk references angular sdk reference dart sdk reference flutter sdk reference go sdk reference javascript sdk reference php sdk reference react sdk reference transformation builder reference vue js sdk reference postman collections sdks backend sdks node js sdk node js introduction node js quick start node js image and video upload node js image transformations node js video transformations node js asset management node js sample projects node js video tutorials python sdk python introduction python quick start python image and video upload python image transformations python video transformations python asset management python sample projects python video tutorials php sdk php introduction php quick start php image and video upload php image transformations php video transformations php asset management php sample projects php video tutorials php management reference php transformation reference java sdk java introduction java quick start java image and video upload java image transformations java video transformations java asset management ruby rails sdk ruby rails introduction ruby rails quick start ruby rails image and video upload ruby rails image transformations ruby rails video transformations ruby rails asset management carrierwave integration attachinary integration active storage integration net sdk net introduction net quick start net image and video upload net image transformations net video transformations net asset management go sdk go introduction go quick start go image and video upload go media transformations go asset management go sample projects go video tutorials go sdk reference dart sdk dart introduction dart quick start dart image and video upload dart media transformations dart sdk reference frontend sdks react sdk react introduction react starter kit react quick start react image and video upload react image transformations react video transformations react sample projects react video tutorials react sdk reference transformation builder reference vue js sdk vue js introduction vue js quick start vue js image and video upload vue js image transformations vue js video transformations vue js sample projects vue js video tutorials vue js sdk reference transformation builder reference angular sdk angular introduction angular quick start angular image and video upload angular image transformations angular video transformations angular sample projects angular video tutorials angular sdk reference transformation builder reference javascript sdk javascript introduction javascript quick start javascript image and video upload javascript image transformations javascript video transformations javascript sample projects javascript video tutorials javascript sdk reference transformation builder reference next js sdk next js introduction next js starter kit next js quick start next js image and video upload next js image transformations next js video transformations next js sample projects next js video tutorials jquery sdk jquery introduction jquery image and video upload jquery image transformations jquery video transformations react sdk legacy react introduction react image and video upload react image transformations react video transformations react migration guide vue js sdk legacy vue js introduction vue js image and video upload vue js image transformations vue js video transformations vue js migration guide angular sdk legacy angular introduction angular image and video upload angular image transformations angular video transformations angular migration guide javascript sdk legacy javascript introduction javascript image and video upload javascript image transformations javascript video transformations javascript migration guide mobile sdks ios sdk ios introduction ios quick start ios image and video upload ios image transformations ios video transformations ios video player ios sample projects android sdk android introduction android quick start android image and video upload android image transformations android video transformations android video player android sample projects flutter sdk flutter introduction flutter quick start flutter image and video upload flutter media transformations flutter video player flutter video tutorials dart based cloudinary_url_gen package reference flutter sdk reference react native sdk react native introduction react native image and video upload react native image transformations react native video transformations react native video player kotlin sdk kotlin introduction kotlin media transformations community developed libraries astro laravel nuxtjs svelte gatsby netlify drupal release notes latest october 31 2026 august 31 2026 july 9 2026 previous releases may 28 2026 april 7 2026 february 28 2026 january 30 2026 2025 december 18 2025 october 31 2025 september 3 2025 july 09 2025 may 27 2025 2024 november 29 2024 october 9 2024 august 12 2024 june 27 2024 may 31 2024 april 16 2024 february 28 2024 january 03 2024 2023 november 13 2023 october 26 2023 september 21 2023 august 15 2023 july 13 2023 june 19 2023 may 16 2023 apr 04 2023 feb 21 2023 2022 dec 27 2022 image video apis guides native mobile native mobile best practices copy for llm download markdown get started get started with cloudinary paste one prompt into your ai coding assistant and it sets up cloudinary for you installs the sdk configures skills and mcp servers and validates your setup copy prompt learn more agent skills install cloudinary agent skills cloudinary agent skills give your ai coding assistant first class context for working with cloudinary run to install or update the skills view the skills repo on github learn about cloudinary skills last updated oct 22 2026 when developing native mobile applications you can take advantage of the wide variety of image and video features and functionality that cloudinary offers there are different considerations to take into account between mobile and web applications when it comes to uploading optimizing and delivering media this guide outlines some best practices and gets you started with mobile development with cloudinary and the cloudinary mobile sdks we invite you to try the free introduction to cloudinary s android or ios sdks online courses where you can learn how to upload transform and optimize your assets explore the native video player and deliver images for seamless asset downloads on this page quick example supported platforms optimization uploading assets combined mobile and desktop delivery quick example the example below shows the url or sdk code required to load an image with cloudinary that applies some of the optimization techniques listed in this guide the original image was a 1200px x 1200px jpg with a file size of 143 50 kb with the optimizations applied to scale down the size of the image for a mobile device and apply format and quality optimizations the full size image loaded is only 12 89 kb tip click the thumbnail to see the full size image supported platforms native platform sdks ios swift objectivec guide library android guide library multi platform sdks react native guide library flutter guide library kotlin guide library optimization optimizing your media assets is as important for your native mobile app as it is for any web application when handling images on mobile apps it s best practice to cache the assets on the device to prevent downloading each time it s still important to ensure the assets are optimized though loading and caching heavy assets on a mobile device will have additional adverse effects such as high memory or data usage and therefore result in a degraded experience for the users the sections below outline how you can optimize your assets for your mobile apps sizing resizing and cropping your images and videos with cloudinary is one of the core features of optimization for both mobile and web applications mobile apps are designed for a variety of devices with various screen sizes therefore images are often displayed at a much smaller size than the original if you load full size images and resize as part of your app your users are forced to download large images unnecessarily therefore images should always be loaded from cloudinary at their final size when you use any of the cloudinary resizing transformations the sizing scaling cropping is performed by us and the image is always loaded at the requested size example here s an example of how to scale an image down to 412px which is a viewport width found on a variety of devices responsive images you can take resizing even further to gain additional optimizations by implementing responsive images for your mobile app this ensures an optimal viewing experience for users tailored to their device orientation and resolution an app that is designed responsively adapts its layout to the viewing environment resizing and moving elements dynamically and based on the properties of the device where the app is displayed our native platform sdks include methods for implementing responsive images ios android by using the responsive image methods you can easily make your images responsive while maintaining control over the number of derived assets that are generated by using the configuration options quality controlling the quality of your images and videos with cloudinary is a great way to optimize your media and help your app load faster you can easily specify a quality value or let cloudinary s intelligent quality and encoding algorithms analyze your media to find the best quality compression level and optimal encoding settings the result is an image or video with good visual quality while minimizing the file size to perform automatic quality selection and image encoding adjustments set the quality transformation parameter to auto q_auto in urls or apply one of the automatic options as the default quality setting for your product environment example below is a comparison of the file size difference between loading the full size model image with no quality defined versus automatic quality original image loaded without any quality defined has a file size of 143 50 kb loaded with the automatic quality eco option has a file size of 83 66 kb format loading images in the right format can ensure your mobile app is optimized you can easily specify the right format for your images using the format transformation f_ format in urls with native apps it s important to choose the optimal format for the operating system and device if you are using one of the cloudinary native mobile sdks you can set the format to auto and let cloudinary automatically select the optimal format for the device and operating system version below is an example showing how to set automatic format note if you re on a plan that includes optimization by default settings you can select the automatic format setting instead of modifying your urls here are the recommended formats if setting manually operating system version format url syntax ios 11 heic f_heic android 4 2 1 11 webp f_webp android 12 avif f_avif most native apps will be targeted at versions newer than the those listed in the table however should you need to target any versions earlier than those listed above the recommendation is to use jpeg for both android and ios note full support for automatic format selection was added to recent versions of the mobile sdks ensure you re using at least the version listed below to take advantage of this capability ios 4 4 0 android 2 7 1 flutter 1 2 0 react native 0 1 x comparison below is a comparison of the file size difference between loading the full size model image as a jpg vs loading as an avif loaded as a jpg with a file size of 143 50 kb loaded as an avif with a file size of 71 74 kb videos optimization isn t limited to images videos in your mobile app can take advantage of cloudinary features in much the same way if you re using a video player as part of your native app you can build and use cloudinary urls to resize define quality and stream in the most optimal format users will often be using your apps while on an unstable data connection so it may also be beneficial to implement adaptive bitrate streaming to ensure that the user can continue to stream a video if their network conditions change here s an example using automatic streaming profile selection using the hls streaming protocol note the video above is shown using the cloudinary video player to ensure compatibility in browsers ensure that the video player you use in your apps supports the right adaptive bitrate streaming protocols choosing a playback approach in native mobile apps you can generally deliver cloudinary videos using either a webview based player experience or the device s native video player a webview approach may be simpler to implement in some cases because it behaves similarly to a browser based player however it typically provides less control over the playback ui and may consume more cpu...