Wednesday, September 30, 2015

Inserting Browser Images into Blogger

Sometimes you have to go back to the basics of combination keys, i.e., CTRL-C to copy, CTRL-V to paste.

Let me explain the context. Often in my political blog I'll copy and paste things, properly attributed, of course. With text, I usually select the chosen text by mouse, right-click, copy. In my blog post in compose (vs. html) mode, using browser Chrome, I'll point to the target location, right-click, paste as plain text. (The paste option often includes undesired original text formatting characteristics; if I do run into undesired text formatting, say copying/pasting in a different browser, I'll click on the html tab, and insert the copied text in the desired location there.)

Images are somewhat different. In Blogger, there's an insert wizard which is file-oriented. So say if a Facebook feed is primarily an image. I can often double-click on the image, which spawns a separate browser tab of just the image, right-click and select the image URL option. I return to my Blogger post, point at the desired target, click on the image wizard icon and select the image URL option (one of the rightmost options) to paste the URL text.

There are a few exceptions to this process. I've found that double-clicking on some images will launch an article page, often without the linked image.  Now there are workarounds, e.g., the Facebook group may have a photos section where you can find the image in question. And, of course, you can always do a print screen, crop/save the target image (via, e.g., MS Paint) and upload it to the blog through the insert wizard or similar functionality.

Now others have noticed nuances between clipboard and browser functionality (e.g., here). I had tried clipping an image to the clipboard via an image capture utility like Greenshot, but the problem is that Blogger doesn't seem to allow me to paste from the clipboard. I had also tried selecting an image and right-clicking to save, but I don't have a right-click copy option (I get link options, not copy/image options; now if  I include some superset of the image, e.g., some trailing text, I'll get a copy option that will work; I can simply delete the copied trailing text.)

Based on some related copy/paste posts on copying images to Gmail compose windows (drag-select the mouse over the source image, CTRL-C, navigate to the message window and CTRL-V at the desired target location). I didn't understand why it would work in Gmail but not my Blogger compose window; but I can verify as of the date of this post that the functionality works in Chrome on draft.blogger. As long as the conventional copy/paste keystrokes work as intended within the same browser, I'm not as concerned with the specifics of the enabled functionality. There are some unintuitive aspects to the interface here, e.g., even though I have an image in my "web/browser clipboard", I don't have a right-click paste option in my Blogger compose window target location.

[Note added 10/01/15].  I recalled earlier using Gmail functionality as a go-between between other webpages or applications and Blogger. (I do not know if there have been any interim developments to Gmail and/or Blogger.) But this functionality worked for me today: I used Greenshot to capture an image to the clipboard. I could then do a conventional paste of the image into a Gmail compose window. Note: Blogger did NOT let me paste from the clipboard into the Blogger compose window. But once the image painted in my Gmail compose window, I found that I could drag and drop the pasted image in Gmail compose to Blogger. Of course, this workaround requires that you have a Gmail account. I would hope at some point we don't have to resort to a workaround, and I don't know if future product changes will affect the workaround. But I tested the workaround multiple times today, including processing images for my Q-Dir post.