Hi everybody,
I would like to use some images from an external webpage in Inaturalist journal posts. (Yes, they should be public domain, I know!)
I know they can be easily embedded like this:
<img src="url…
But my question now is: Can I crop an external image with Markdown/HTML? And if so, how? So far, I have not been able to figure it out…
Thanks in advance for any reply!
I’m pretty sure the answer is no. Even full HTML won’t crop an image on the fly. You may be able to do it with CSS or JavaScript but that’s not an option in the journal.
This may be too tedious for your purposes but the process I’ve used for a small number of 3rd party images in journal posts is as follows:
– Download the image locally,
– Crop it as I need it,
– Upload the modified version to my Flickr account where it is given full original credit,
– Link to that Flickr image in the journal (using the “Embed” function from Flickr).
Here’s an example of an old journal post in which I used the above pathway:
https://www.inaturalist.org/posts/8491-a-powerful-way-to-explore-possible-identifications
As long as the original image is CC0, out of copyright (old published works), or similar availability (or used with permission), I haven’t had any issues with this circuitous route.
That is possible, of course. But I was hoping to get around it.
CSS has some limited ability to resize and crop images. Here’s my journal post that demonstrates resizing and cropping images using inline css.
With CSS people can turn this
into this
Nice. It seems to be possible with this. Thanks a lot!
