copy html page and paste into confluence. results in images being cropped
Asked by Bulbul Bhojpuri:

Step 1: Go to any webpage

e.g. <https://docs.microsoft.com/en-us/azure/cloud-adoption-framework/strategy/business-outcomes/okr>

Step 2: Select Text with images.

![image.png](/t5/image/serverpage/image-id/181338i61CC2527782EA1AF/image-size/large?v=v2&px=999 "image.png")

Step 3: Copy the text using either Ctrl+C or Right-Click Menu.

Step 4: Paste into the Confluence Page

![image.png](/t5/image/serverpage/image-id/181341i63FA87F686328AB9/image-size/large?v=v2&px=999 "image.png")

Step 5: Similar for html documentation with images from the Discord documentation website. <https://discord.com/developers/docs/reference>

The image preview doesn't come up properly.

![image.png](https://community.atlassian.com/t5/image/serverpage/image-id/181352i39734138A8C82E6C/image-size/large?v=v2&px=999 "image.png")

![image.png](https://community.atlassian.com/t5/image/serverpage/image-id/181353iA9FB65305DC824E2/image-size/large?v=v2&px=999 "image.png")

Observed Outcome: The image is cropped or not previewed properly.

Expected Outcome: The image should retain its full content and not be cropped.  

Also observed: Copying the image individually and pasting retains the proper image without any cropping. Works properly if done this way but cumbersome if the page contains many images.

Issue occurs in both Chrome \& Firefox Browser with Windows 10

Please Help!


Answers:
author: Brant Schroeder
body: [@Bulbul Bhojpuri](/t5/user/viewprofilepage/user-id/4740775) Welcome the Atlassian community

In both cases you are coping content that will end up being hosted by the provider you are copying it from. Thus if they change it or block you then you will not be able to see it. That is what Discord is doing. They block it so you can not see it unless you are on their site to cut down on bandwidth costs or prevent individuals from stealing content. So you would need to download the image and upload it to your page. The Microsoft image just needs to be resized. You can do that by dragging the image bar on the side, see image below.

![Screenshot 2022-02-03 224557.png](https://community.atlassian.com/t5/image/serverpage/image-id/181573i3B3C7014FE63E238/image-size/large?v=v2&px=999 "Screenshot 2022-02-03 224557.png")

comments: author: Bulbul Bhojpuri
body: Hi. Thanks for the quick response. I understood the reasoning behind the Discord Copy/Paste Failing BUT it works for Google Docs \& MS Word Online.  

![image.png](https://community.atlassian.com/t5/image/serverpage/image-id/181635i2539FBD3F032E3BB/image-size/large?v=v2&px=999 "image.png")

![image.png](https://community.atlassian.com/t5/image/serverpage/image-id/181636i1FB8369E8A32F50C/image-size/large?v=v2&px=999 "image.png")

In the Microsoft Documentation one, image is still cropped after copy/paste with HTML text.

I tried to resize it as you mentioned but it just enlarges the cropped image instead of revealing the details of the full image.

<https://www.imagebam.com/view/ME7IN63>

![image.png](https://community.atlassian.com/t5/image/serverpage/image-id/181583i39257B323887E82E/image-size/large?v=v2&px=999 "image.png")

The strange thing is that after publishing the page, it looks okay. My guess is that in edit mode it is about 4:3 ratio while the original image is about 16:9 ratio.  

Step 1: Copy paste HTML. Image is Cropped.

<br />

![image.png](https://community.atlassian.com/t5/image/serverpage/image-id/181588i9BF8733EC9B153F3/image-size/large?v=v2&px=999 "image.png")

Step 2: Viewing after publishing. NOT cropped.

![image.png](https://community.atlassian.com/t5/image/serverpage/image-id/181589i109CB7DBF6A60899/image-size/large?v=v2&px=999 "image.png")

Step 3 : Re-editing again. NOT cropped.

![image.png](https://community.atlassian.com/t5/image/serverpage/image-id/181590i286E2F76617B159F/image-size/large?v=v2&px=999 "image.png")

It seems a minor hitch for now but one has to cross fingers not knowing if the published version would contain the crop or the full images.   

Thanks again


Tags: cloud

confluence-cloud

copy

html

image

paste