{"id":18896152,"url":"https://github.com/tinify/imessage-panda-sticker","last_synced_at":"2026-01-26T11:36:29.622Z","repository":{"id":66203800,"uuid":"68094505","full_name":"tinify/iMessage-Panda-sticker","owner":"tinify","description":"Animated PNG example iMessage sticker for iOS 10, with waving panda!","archived":false,"fork":false,"pushed_at":"2018-07-30T21:13:41.000Z","size":5530,"stargazers_count":88,"open_issues_count":0,"forks_count":10,"subscribers_count":11,"default_branch":"master","last_synced_at":"2024-12-31T08:13:20.203Z","etag":null,"topics":["animated","apng","imessage","png","stickers-apps"],"latest_commit_sha":null,"homepage":"https://tinypng.com","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tinify.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-09-13T09:30:39.000Z","updated_at":"2024-11-20T22:11:13.000Z","dependencies_parsed_at":"2023-07-12T09:30:45.145Z","dependency_job_id":null,"html_url":"https://github.com/tinify/iMessage-Panda-sticker","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tinify%2FiMessage-Panda-sticker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tinify%2FiMessage-Panda-sticker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tinify%2FiMessage-Panda-sticker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tinify%2FiMessage-Panda-sticker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tinify","download_url":"https://codeload.github.com/tinify/iMessage-Panda-sticker/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239870837,"owners_count":19710795,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["animated","apng","imessage","png","stickers-apps"],"created_at":"2024-11-08T08:32:41.948Z","updated_at":"2026-01-26T11:36:29.586Z","avatar_url":"https://github.com/tinify.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# Keeping animated PNG iMessage stickers under 500KB\n\nWith the release of iOS 10, Apple introduced stickers in iMessage. A sticker\nis a small image or animation that can be sent or placed on messages, photos\nor on other stickers.\n\n![iMessage panda sticker](/Screenshots/sticker-example-animated.gif?raw=true \"iMessage panda sticker\")\n\nCreating a sticker pack with your own animated stickers is simple! You need an\n**[animated PNG](https://en.wikipedia.org/wiki/APNG)** and\n**[Xcode 8](https://developer.apple.com/xcode/)**.\nClone this project to get started, watch Apple's\n[video tutorial](https://developer.apple.com/videos/play/tutorials/building-sticker-packs/),\nor follow the steps below.\n\nKeeping **animated stickers below the maximum size of 500KB** can be\nchallenging. We'll show you how you can use [TinyPNG](https://tinypng.com) to\naccomplish this! **Read on!**\n\n## Creating an iMessage Sticker Pack Application\n\nFirst create a new Sticker Pack Application in Xcode 8. Select *File* \u003e *New* \u003e\n*Project* from the menu, then choose *Sticker Pack Application*.\n\n![Create new project, step 1](/Screenshots/new-project-1.png?raw=true \"Create new project, step 1\")\n\nName your project and choose a location to save it.\n\n![Create new project, step 2](/Screenshots/new-project-2.png?raw=true \"Create new project, step 2\")\n\n## Adding an animated PNG to your Sticker Pack\n\nYour project is empty after creation. If you already have an animated PNG\n(APNG), you can drag and drop it to the sticker pack under\n*Stickers.xcstickers* \u003e *Sticker Pack*.\n\n![Empty project](/Screenshots/project-empty.png?raw=true \"Empty project\")\n\n![Drag and drop sticker](/Screenshots/project-panda.png?raw=true \"Drag and drop sticker\")\n\nFor optimal performance, Apple has added a hard **file size limit of 500KB**\nfor stickers. Xcode will warn you when you attempt to add a file that is\nlarger.\n\n![Error when over 500KB](/Screenshots/project-too-large.png?raw=true \"Error when over 500KB\")\n\nMaking sure your stickers are below 500KB can be especially challenging for\nanimated stickers! Luckily you can use [TinyPNG](https://tinypng.com) to\ncompress your stickers.\n\n## Compressing animated PNGs\n\nYou can compress your images in order to reduce the file size. With the\nTinyPNG website you can [compress APNG files](https://tinypng.com) for free.\nThis allows you squeeze every last byte out of your images and to create the\nbest possible stickers!\n\n![APNG is now under 500KB](/Screenshots/tinypng-compression.png?raw=true \"APNG is now under 500KB\")\n\n## Compare before \u0026 after\n\nThe compression uses advanced techniques to compress images. The difference is\nhardly noticeable but the filesize savings after compression are quite\nspectacular. The APNG image of the waving panda is compressed from 1.5 MB to\n492 KB. You can see there is barely a visible difference.\n\n**Note that animated PNGs are only displayed in Firefox or Safari. In Google\nChrome, Opera, Microsoft Edge and other browsers you only see the first\nframe.**\n\nOriginal APNG – 1.5MB | Optimised APNG – 492KB\n----------------------------- | ------------------------------\n![Original](/Source/panda-original.png?raw=true \"Original\") | ![Compressed](/StickerPackExtension/Stickers.xcstickers/Sticker%20Pack.stickerpack/panda.sticker/panda.png?raw=true \"Compressed\")\n\n## How to reduce file size further?\n\nIf [TinyPNG](https://tinypng.com) is not able to compress your animated PNG\nbelow 500KB, you might have to take other steps to reduce the file size. You\nmay have to change your image so that the dimensions are smaller, or use fewer\nframes.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftinify%2Fimessage-panda-sticker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftinify%2Fimessage-panda-sticker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftinify%2Fimessage-panda-sticker/lists"}