Localization of App Store images and videos

[andrewtavis]

Terms

• [X] I have searched open localization issues
• [X] I agree to follow Scribe-iOS' Code of Conduct

Description

This issue is to create a process for the App Store images to be localized for other regions as discussed in #261. Some information on how this is all gonna work based on some Python scripts for a board game I have on GitHub:

• [x] We need the base images to be SVGs like the ones in this directory
• [ ] We'll then make a version of this Python script which goes through and replaces the {{title}} and {{content}} with the given words, which for us would be replacing the headers and sub-headers of the App Store images
  • This would be a file AppStore/add_image_texts.py
• [ ] We'd then need a script similar to this one that converts the SVGs into PNGs (we need PNGs for the App Store Connect upload)
  • This would be a file AppStore/svg_images_to_png.py
• [ ] Getting it set up so that it reads the language directories that we have and runs it for each would be great (so it sees that we have an English and Spanish directory and runs it for both)
• [ ] Final edits like adding in tqdm to make sure that the process is being tracked would be great :)

For this we'd be working with the command line api of Inkscape for the PNG conversion and ImageMagick would be good to implement as well as we'd need to remove the alpha component from the images. I can add the ImageMagick part in later as well, but I always need to run the ImageMagick command mogrify -alpha off *.png in the terminal to format the images that I export from Figma :)

I'd need to make the base images in the first task above, and would welcome support with the rest 😊

[davidcardd1]

I'd like to help first with the 2nd task. After that, if the everything works as intended I think I could easily help with tasks 3 and 4!

[andrewtavis]

Great, @davidcardd1! I'll get to the first task soon :) Will assign this to both of us 😊

[andrewtavis]

@davidcardd1, 8bc0215 adds some images for the header generation for the videos as found in AppStore/_image_generation. I think this should be enough to experiment with the included Python files. The images in the SVGs show up a bit weird sometimes when I open them in say Inkscape, but they're showing up well in GitHub so I don't think we need to worry 😊

[andrewtavis]

Let's discuss what we have now and hopefully we're ready or close to ready for the next step :)

[andrewtavis]

4684563 shows that we should be good to export the images with editable text :) I'll get to the other ones later.

[andrewtavis]

@davidcardd1, f30aca6 adds the rest of the SVGs we need 😊 Happy to look into the Python codes with you a bit and do some testing if you need some assistance :) Hope you're well!

[andrewtavis]

Hey @davidcardd1 👋 Let me know if you need any support on this :) No stress on the timing 👍 Just want to make sure I check in in case there's a problem :)