Contract Wizard
The Contract Wizard
  • 👋Introduction
    • Welcome
      • Context Files
      • Target Audiences
      • D.A.M.N.
  • 🍏Consume
    • Universal Music Player
      • Player Page
      • Player Controls
      • Other Features
      • Embedded Player
      • Visualizer
        • Hotkeys
        • Custom Shaders
        • More Visualizer Features
    • Discover
      • The Featured Page
      • The Browse Page
        • Arweave Explorer
        • Time Machine
      • The Library Page
        • Your Wallet
        • Favorite Songs
        • Playlists
        • Followed Collections
    • Search
  • 🍳Curate
    • The Mission
    • Playlists
      • Playlist Tags
      • Playlist Objects
        • Playlist Structure
        • Track Objects
        • Track Metadata
    • Creating A Playlist
      • Name The Playlist
      • Choosing An Image
      • Adding Songs
      • Uploading Playlist
  • 💿Create
    • Files
      • Audio Uploader
        • Audio Tags
        • Uploading Audio
      • Arweave Uploads Page
      • File Picker
    • The Metadata Maker
      • Metadata Standards
        • Token Metadata
          • Noteworthy Traits
          • Grouped Traits
        • Contract Metadata
      • Using The Metadata Maker
        • Arweave
        • Metadata
        • Adding Licenses
        • Upgrading Plain Audio
          • How To Enhance Any Audio
      • Song Metadata
      • Profile Metadata (contractURI)
      • Manifest Maker
        • Folders
        • For Metadata Only
    • Tokens
      • The Contract Wizard
        • Creating A Contract
        • Hat Helper
        • The Wizard's Library
      • The Manager
        • View Data
        • Mint Originals
        • Price Info
        • Manage Metadata
        • Promotion System
        • More Features
    • Smart Contracts
      • 721J Concepts
        • Originals / Generations
        • Minting Copies
        • Staking
        • Promos
      • Contract Wizard Concepts
      • Interface Contracts
        • IERC721J.sol
        • IERC721JEnumerable.sol
        • IERC721JFull.sol
        • IERC721JPromo.sol
        • IContractWizard.sol
        • Other
      • The Code
        • 721J Code
          • Variables
          • Metadata Functions
          • Minting Functions
          • Feature Functions
          • Promo System Functions
          • Other Functions
        • Contract Wizard Code
        • ABIs
      • Gas Examples
    • Build Your Vision
      • Infinite Players
      • Minting Pages
  • 📼Collect
    • The Store Page
      • Store Page Buttons
    • Your Copies Page
      • Copies Page Buttons
    • The Promos Page
  • 🧙‍♂️Tutorials
    • Minting Tutorials
      • How to Mint a Copy
      • How to Stake a Token
      • How to Make a Contract
      • How to Create an Original
      • How to Set a Promo
    • Player Tutorials
      • How to Search Music
      • How to Listen to Music
    • Trouble Logging In
    • Old
      • Making Metadata Tutorials (2023)
        • 1. Preparing Audio Files
        • 2. Preparing Picture Files
        • 3. How to upload files to ArDrive
        • 4. Creating Music NFT Metadata
        • 5. How to make a manifest on ArDrive
  • 🥩Misc
    • Fun Pages
      • Records Page
      • Achievements Page
    • FAQ
    • Settings
      • Wallets And Auth
    • Roadmap
      • Funding
      • Future Development Plans
      • Back End
      • Database
    • External Links
      • 0xSplits
      • Medium
      • Mirror
      • ArDrive
      • EZGif
      • Testnet Faucet
    • Budget
    • Bug Reporting
    • Credits
Powered by GitBook
On this page
  1. 🧙‍♂️Tutorials
  2. Old
  3. Making Metadata Tutorials (2023)

2. Preparing Picture Files

Previous1. Preparing Audio FilesNext3. How to upload files to ArDrive

Last updated 1 month ago

CtrlK

To prepare your picture files:

  1. Figure out how many pictures you will need for the metadata. This means different pictures for each rarity of a song. What I do is add a "rarity badge" to indicate the rarity.

  2. Get the high quality version of every image for each song.

  3. Make a high quality image for each rarity of each song

  4. Gather other images, like album image, and artist image

  5. If the original image is already compressed you just need to make small 500px compressed and 50px images so the site can load as fast as possible (50kb and 2kb suggested size). You can also upscale the original image with an enhance algorithm, which might make it worth using for the large image spot in the metadata.

  6. If the original image is large and uncompressed, then you will need to make both a "compressed" image (300kb suggested size) and a small image (50kb suggested, 500px max) and a thumbnail image(1-2kb suggested, 50px max)

  7. Still Image - If the original image is an animated gif, then you will need to make sure you also include a "still" version of the image, so the site can load a still image in times that gifs cause problems.

  8. Gather all the images and prepare them for uploading.

That means you could need 4 variations of a single image to ensure that the right quality image is available for each situation, and the site can run smoothly and decentralized. It's amazing how cool things are when tokens have thicc prepared metadata.

In this example for a 6 song EP, that has 3 rarities for each song, that adds up to (6x3x4) 72 images that need to be prepared for just the song art.

An easy tool to compress your images in your web browser is EZGif.

Video

Animated GIF optimizer (free online tool)ezgif_com
Logo