Comment on Tutorial on putting pictures and gif on Ao3

  1. JS3639 on Chapter 1 Thu 30 May 2019 01:57PM UTC

    Hmmm.. I'll just play around with it until I figure it out, thank you so much for your help, keep rocking out, babe

    Comment Actions

    1. RDJWINCHESTER1 on Chapter 1 Thu 30 May 2019 03:27PM UTC

      ♥♥♥

      Comment Actions

    2. Anon (Guest) on Chapter 1 Sat 28 Sep 2019 09:25PM UTC

      Did you ever figure it out? I’m having the same blank box issue right now and am beyond frustrated. Thanks!

      Comment Actions

      1. RDJWINCHESTER1 on Chapter 1 Sat 28 Sep 2019 11:03PM UTC

        Are you on an iPhone or laptop? It only works with google pictures

        Comment Actions

        1. Anon (Guest) on Chapter 1 Sat 28 Sep 2019 11:54PM UTC

          I’m on an iPad actually and I don’t have access to a computer at this time. Thanks for trying to help! ❤️

          Comment Actions

          1. RDJWINCHESTER1 on Chapter 1 Sun 29 Sep 2019 12:25AM UTC

            ❤️ sorry I couldn’t help you more

            Comment Actions

            1. Charles_Rockafellor on Chapter 1 Sun 02 Mar 2025 05:49PM UTC

              I host my images on Pinterest, and that's worked for me since 2020.  Sometimes some other site's URL is allowed, but a lot of them aren't (due to the top level domains, to my understanding).

              Comment Actions

              1. RegisLeywin on Chapter 1 Fri 11 Apr 2025 05:31PM UTC

                I also save my images on pinterest, I want to ask you where is the "copy image location"? Or how do you do it? Cz I'm newbie here, thankss

                Comment Actions

                1. Charles_Rockafellor on Chapter 1 Fri 11 Apr 2025 09:36PM UTC

                  Good afternoon, RegisLeywin, 🙂

                  If you're on a computer, then you need to right-click the Pinterest image, which will cause a dropdown menu to come from your cursor; select "Copy image address" and your clipboard will now have the address needed.  When you go to your AO3 fic to drop the address in, you'll automatically be in the HTML editing field (if you've intentionally clicked to the RTE, then the exact process will be slightly different).

                  When you're in the HTML editing field, and at the spot where you want your image to be in your fic, you will then write something like <a href=""></a> and drop your URL in the middle of that as <a href="https://i.pinimg.com/736x/....jpg"></a>, though if you change the 736x to /1200x (or sometimes /originals), the result can be a more-detailed image (not always, it depends).  Beyond that, it's just a question of adjusting the resulting image with stuff like center, or sizing.

                  If you're in the RTE field on AO3, then there's an image-looking icon that you'd click and drop the URL.

                  If that's fuzzily worded, or gives you any agita, or you have any other questions, then I'll be happy to clarify it or answer them to the best of my ability!

                  Comment Actions

                  1. RegisLeywin on Chapter 1 Sat 12 Apr 2025 07:25AM UTC

                    THANK YOU SO MUCH, IT WORKS!!!
                    YOUR EXPLANATION IS VERY GOOD TBH🤩
                    Thank you, Sir🙇🏻🙇🏻

                    Comment Actions

                    1. Charles_Rockafellor on Chapter 1 Sat 12 Apr 2025 07:45AM UTC

                      Any time, man! ❤️

                      I have a few tutorials in a series, if you'd like, and there are a lot of others out there for HTML, CSS, etc. (different styles of presentation and wording sometimes work better or worse for a given reader).

                      Comment Actions

      3. JS3639 on Chapter 1 Mon 30 Sep 2019 02:35AM UTC

        no i havent :(

        Comment Actions

        1. tabaqui on Chapter 1 Sun 16 Aug 2020 02:25PM UTC

          I dunno if you're still struggling, but in regular html editing on AO3, you can just use the old img src= code.
          I'll do my best to type it out here without it actually doing the html

          Start with the paragraph code, which is a < and a p and a >, then do <, then type in img src=, then put a ", and then the url of your image. Then put and end quote ", then /> to show the end of the image (a little different than LJ or DW, i know). Then do a < and a / and a p and a > to end the 'paragraph' where your image is, so you get a space after it. If you want to have the image centered, do a < and the word center, and then >, *before* the paragraph code, and then the same, only /center at the *end* of the paragraph code, so all your text after the image isn't centered.

          I hope I explained it clearly enough! Good luck!

          Oh, sorry - also, explained here. This is the non-rich-text way to do it - i never use rich text, and do all my coding by hand, so....
          https://archiveofourown.to/faq/posting-and-editing?language_id=en#embedimage

          Comment Actions

          1. AeroCaesire on Chapter 1 Sun 18 Apr 2021 05:57AM UTC

            Do you know how to change the size using html?

            Comment Actions

            1. tabaqui on Chapter 1 Sun 18 Apr 2021 01:29PM UTC

              No, but somebody else does! :D
              https://archiveofourown.to/works/17512232

              Comment Actions

          3. Feral_cat_shiggy on Chapter 1 Thu 28 Apr 2022 05:45AM UTC

            Log

            I dont know why, but its doing the same blank box thing. Its definitely progress, as i wasnt getting ANY result before, but i still dont understand

            Comment Actions

            1. tabaqui on Chapter 1 Thu 28 Apr 2022 05:52AM UTC

              Grrr, I'm sorry.
              I'd go to AO3 direct, at this point - something up, and they tend to reply to troubleshooting requests, etc., pretty quickly.

              Good luck!

              Comment Actions

              1. Feral_cat_shiggy on Chapter 1 Thu 28 Apr 2022 06:58PM UTC

                Log

                Thanks! Dont be sorry, it was progress i hadnt gotten yet so your method DID work

                Comment Actions

                1. AlleyMichaelis on Chapter 1 Sun 14 Aug 2022 08:05PM UTC

                  Hi! Idk if you're still struggling but I just had the same problem.
                  So, my link is from drive right? So that might not be your cause but what I did was instead of using the normal link like "view file" blah blah, I had to find the link to the picture alone, not the file if that makes sense? So I think that the problem is with the link you're using cause that was my case.
                  Try opening your image in a new window on its own :) or otherwise finding another link to your image. Hope it helps.

                  Comment Actions

                2. (2 more comments in this thread)

            3. SpottedDartFrog on Chapter 1 Thu 18 Aug 2022 07:55PM UTC

              Hi! I've had issues uploading directly from my computer. What I suggest is making a throwaway account for an image uploader, I use DeviantArt, and then copying the image address from there. It seems to make it much easier than trying to paste an address from a local file. Let me know if that helps.

              Comment Actions

              1. Carcajou (RadWolverine480) on Chapter 1 Wed 24 Apr 2024 07:40PM UTC

                everyone.png

                can confirm this method works! thank you so much for helping :)))

                Comment Actions

          5. juliaschim on Chapter 1 Fri 21 Mar 2025 04:04PM UTC

            i know its been four years but THIS WORKS i love you you just saved my life thank you so much

            also for anyone struggling i uploaded my picture to pinterest and got the image address from there

            Comment Actions

            1. tabaqui on Chapter 1 Fri 21 Mar 2025 04:20PM UTC

              Yay!!
              I'm so glad it's still viable. :D

              Comment Actions

      5. Kikigirl3122 on Chapter 1 Fri 28 Jul 2023 06:06AM UTC

        Did you try and put the link in the source section?

        Comment Actions

      6. WriteBecauseYouCannotBreathe on Chapter 1 Sat 04 May 2024 02:48AM UTC

        You have to include the .jpg at the end of the image address

        Comment Actions

        1. Practicalgauntlet on Chapter 1 Sat 06 Jul 2024 08:11PM UTC

          I'm having the same problem. I'm trying to upload an image to a chapter and nothing I've tried works. I am using the image address and not just copying it, I am using a Google photo, I am adding .jpg, .png, and .jpeg and the end of the address and nothing is working. All that shows up is a square with the grey and white picture with a mountain thing. How do I solve this? I really need these images for some of my story to make sense.

          Comment Actions

          1. guest (Guest) on Chapter 1 Sat 06 Jul 2024 09:06PM UTC

            Can you link me the image or url you're using?

            Comment Actions

            1. Practicalgauntlet on Chapter 1 Wed 10 Jul 2024 05:29AM UTC

              I am so sorry this is late, I've been swamped with work, but I have figured it out. Thank you!

              Comment Actions

              1. summerghost_05 on Chapter 1 Thu 01 Aug 2024 11:14PM UTC

                Hi, can you pls tell me how you did it? Because I tried everything and nothing works :/

                Comment Actions

                1. Practicalgauntlet on Chapter 1 Fri 02 Aug 2024 12:57AM UTC

                  I use the website imgbb.com to do this. So you download an image to your computer (I've only done this with a computer so I have no idea how this will work with mobile. ) but upload your image to the site, and then copy the image address. Then you put THAT address into the ao3 image thing. It'll automatically fill in the sizing but it'll let you tweak it like a Google doc once it's uploaded. Hope this helps!

                  Comment Actions

                  1. summerghost_05 on Chapter 1 Fri 02 Aug 2024 11:24PM UTC

                    Omg thank you so much 🫶
                    I will now try it

                    Comment Actions

                    1. Rosemaryy15 on Chapter 1 Fri 13 Sep 2024 06:43AM UTC

                      Did it work?

                      Comment Actions

                      1. summerghost_05 on Chapter 1 Sat 14 Sep 2024 06:50PM UTC

                        No, tbh nothing worked I just gave up

                        Comment Actions