Images: Difference between revisions

Latest revision as of 03:04, 22 January 2024

Other languages:

To use your own images on xat, you will need to upload to a trusted host. Once uploaded, you will need to use the Direct Link in order for the image to appear on your profile, or as your avatar.

xat has restricted the different image hosting sites that it allows. This is done to restrict inappropriate material. As of now, the only image hosting sites that are allowed are Cubeupload, ImgBB, Imgyukle, xat Images.

If you want to request for another image host to be unblocked, you may do so by opening a ticket under the department of "Domain Unblock" at xat.com/ticket.

Note: You must be a paid user to open a ticket under this topic.

Image Host Providers

Below is a list of xat’s recommended image providers. Please make sure that you read and follow xat’s and the image provider’s Terms of Service before uploading any type of images to the hosts.

Cubeupload: 5MB upload limit / Requires a registered account.

ImgBB: 32MB upload limit. Registration or login is not required to upload images.

Imgyukle: 100MB upload limit. Registration or login is not required to upload images.

xat Images: 8MB upload limit. Registration or login is not required to upload images.

Hosts for xatframe

https://github.io/

Uploading Images

Listed below are instructions on how to upload images to different websites.

Uploading to Cubeupload

Uploading to Cubeupload is simple. Go to Cubeupload and click the “Select Images” button. Select the image you want to upload and click on “Select”. Then, wait for the image to upload and copy the first link below the image preview.

Uploading to ImgBB

To upload to ImgBB, click "Start Uploading" and choose your image. Click the image preview to edit or resize your image. Then, click "Upload". Once your image has been uploaded, click the image preview and then, when the image appears on the next screen, right click it and click "Copy image address".

Uploading to Imgyukle

To upload to Imgyukle, click "Start Uploading" and choose your image. Click the image preview to edit or resize your image. Then, click "Upload". Copy the "Image URL" link below the image preview.

Uploading to xat Images

To upload to xat Images, click "Click here to select a file" and choose your image. The image will be automatically uploaded. After that, copy the "Direct Link" URL that will be displayed after the upload is successful. If you're registered on xat Images, you can view and manage all your uploaded images in the "Gallery".

xat Avatars

Paste the direct link of your avatar into the box labeled "Avatar"

xat has a list of 1758 pictures that you can use as an avatar. You can find the complete list on the default avatars article.

You may also individually see them on https://www.xat.com/web_gear/chat/av/?.png where ? is a number between 1 and 1758, e.g. Avatar 1.

Using a Direct Link as a xat Avatar

To use a Direct Link as a xat avatar, copy the direct link and paste it into the avatar box.

Uploading an image as a chat background

To edit your backgrounds, go to the Edit Group page, type your group's name and password, then click "login".

For the inner background, paste the Direct Link of the inner background into the "Background" box right under "chat". For the outer background, paste the Direct Link of the outer background into the "Background" box right under "group". Once it's done, you can press "save" and then "preview" to see how it will look like without having to wait.

Note: You can also use the color picker to choose a color to serve as a background.

Extra information

Here is a list of standard sizes that are used to customize your chat and other features.

Inner background: 728x486 pixels

Outer background: 2560x1440 pixels

Mobile portrait background: 1080x1920 pixels

Mobile landscape background: 1920x1080 pixels

Banner for promotion: 728x90 pixels

Vote background: 425x600 pixels

Zoom avatar and 3d gif iframe: 80x80 pixels

Default avatar and 2d gif iframe: 30x30 pixels

Pstyle's background: There are no official dimensions, but for better sizing, use the aspect ratio 3.8:1.

@@ Line 1: / Line 1: @@
-{{shortcut}}<languages/>
+{{shortcut}}<languages/>{{toc}}
-<div style="float:right; margin: 15px 0 15px 15px">__TOC__</div>
 <translate>
 <!--T:1-->
@@ Line 6: / Line 5: @@
 <!--T:49-->
-xat has restricted the different image hosting sites that it allows. This is done to restrict inappropriate material. As of now, the only image hosting sites that are allowed are '''Photobucket, Imageshack, Imgur, Cubeupload, Postimage, and Uploads.im'''.
+xat has restricted the different image hosting sites that it allows. This is done to restrict inappropriate material. As of now, the only image hosting sites that are allowed are <tvar|1>'''Cubeupload, ImgBB, Imgyukle, xat Images'''</>.
 <!--T:4-->
-If you want to request for another image host to be unblocked, you may do so by opening a ticket under the department of "Domain Unblock" at <tvar|link1>[http://xat.com/ticket xat.com/ticket]. </>
+If you want to request for another image host to be unblocked, you may do so by opening a ticket under the department of "Domain Unblock" at <tvar|link1>[https://xat.com/ticket xat.com/ticket]. </>
 <!--T:50-->
 '''Note:''' You must be a paid user to open a ticket under this topic.
 == Image Host Providers == <!--T:12-->
 <!--T:13-->
-Below is a list of xat’s trusted image providers. Please make sure that you read and follow xat’s and the image provider’s Terms of Service before uploading any type of images to the hosts.
+Below is a list of xat’s recommended image providers. Please make sure that you read and follow xat’s and the image provider’s Terms of Service before uploading any type of images to the hosts.
-<!--T:16-->
+<!--T:14-->
-<tvar|link3>[http://photobucket.com Photobucket]: </> No size limit (but can compress large images) / Photobucket requires a registered account to upload any type of images.
+<tvar|link1>[https://cubeupload.com Cubeupload]: </> ''5MB'' upload limit / '''Requires''' a registered account.
-<!--T:18-->
+<!--T:62-->
-<tvar|link5>[http://imageshack.us Imageshack]: </> Requires a '''paid''' subscription and a registered account to upload images / ''File size limit based on subscription purchased''.
+<tvar|link8>[https://imgbb.com ImgBB]: </> ''32MB'' upload limit. Registration or login is '''not''' required to upload images.
-<!--T:15-->
+<!--T:63-->
-<tvar|link2>[http://imgur.com Imgur]: </> Non-animated: ''1MB'' upload limit if uploading without an account, ''5MB'' upload limit if uploading with an account (If uploaded above the limit, the image will be compressed) Animated Images: ''200MB'' upload limit. '''Note: imgur no longer appears on xat.me profiles. '''
+<tvar|link9>[https://imgyukle.com Imgyukle]: </> ''100MB'' upload limit. Registration or login is '''not''' required to upload images.
-<!--T:14-->
+<!--T:74-->
-<tvar|link1>[http://cubeupload.com Cubeupload]: </> ''5MB'' upload limit / '''Requires''' a registered account.
+<tvar|link10>[https://xatimg.com/ xat Images]: </> ''8MB'' upload limit. Registration or login is '''not''' required to upload images.
-<!--T:46-->
+== Hosts for xatframe == <!--T:80-->
-<tvar|link7>[https://postimage.io Postimage]: </> You can upload unlimited images. Registration or login is '''not''' required to upload images.
-<!--T:19-->
+<!--T:81-->
-<tvar|link6>[http://uploads.im Uploads.im]: </> ''10MB'' upload limit / Does '''not''' require a registered account to upload images.
+[https://github.io https://github.io/]
 == Uploading Images == <!--T:10-->
@@ Line 42: / Line 40: @@
 Listed below are instructions on how to upload images to different websites.
-<!--T:36-->
+=== Uploading to Cubeupload === <!--T:20-->
-'''Note: If you are using a .GIF animated avatar, make sure you use the [http://web.xat.com/web_gear/chat/ConvertAnimation.php xat Animated Strip Converter].'''
-=== Uploading to Photobucket === <!--T:24-->
+<!--T:21-->
+Uploading to Cubeupload is simple. Go to <tvar|link1>[https://cubeupload.com Cubeupload] </> and click the “Select Images” button. Select the image you want to upload and click on “Select”. Then, wait for the image to upload and copy the first link below the image preview.
-<!--T:52-->
-Upload by going to <tvar|link1>[http://photobucket.com Photobucket]. </> Sign up for an account with the “Sign up” button on the page. Once registered, proceed to click the blue “Upload” button in the top left corner.
-=== Uploading to Imageshack === <!--T:29-->
-<!--T:30-->
-To upload to <tvar|link1>[http://imageshack.us ImageShack],</> sign-up for a subscription plan or a free trial and click “Upload” in the top left corner of the page.
-=== Uploading to Imgur === <!--T:22-->
-<!--T:23-->
+=== Uploading to ImgBB === <!--T:64-->
-Upload to <tvar|link1>[http://imgur.com Imgur] </> by going to the website and clicking the “New post” and then “Upload images”. You can either upload from your computer, upload from an Image URL, drag-and-drop the image, or paste the image by using CTRL + C and CTRL + V. Click on the uploaded image to get the direct link at the top right corner of the image.
-=== Uploading to Cubeupload === <!--T:20-->
+<!--T:65-->
+To upload to <tvar|link8>[https://imgbb.com ImgBB]</>, click "Start Uploading" and choose your image.</translate> <translate><!--T:66--> Click the image preview to edit or resize your image.</translate> <translate><!--T:67--> Then, click "Upload".</translate> <translate><!--T:68--> Once your image has been uploaded, click the image preview and then, when the image appears on the next screen, right click it and click "Copy image address".</translate><translate>
-<!--T:21-->
+=== Uploading to Imgyukle === <!--T:69-->
-Uploading to Cubeupload is simple. Go to <tvar|link1>[http://cubeupload.com Cubeupload] </> and click the “Select Images” button. Select the image you want to upload and click on “Select”. Then, wait for the image to upload and copy the first link below the image preview.
-=== Uploading to Postimage === <!--T:47-->
+<!--T:70-->
+To upload to <tvar|link9>[https://imgyukle.com Imgyukle], </> click "Start Uploading" and choose your image.</translate> <translate><!--T:71--> Click the image preview to edit or resize your image.</translate> <translate><!--T:72--> Then, click "Upload".</translate> <translate><!--T:73--> Copy the "Image URL" link below the image preview.</translate><translate>
-<!--T:48-->
+=== Uploading to xat Images === <!--T:75-->
-To upload to <tvar|link1>[https://postimage.io Postimage], </> click “Upload” and the “Choose images” button on the webpage, and then select the file that you want to upload.
-=== Uploading to Uploads.im === <!--T:31-->
+<!--T:76-->
+To upload to <tvar|link10>[https://xatimg.com/ xat Images]</>, click "Click here to select a file" and choose your image.</translate> <translate><!--T:94--> The image will be automatically uploaded.</translate> <translate><!--T:78--> After that, copy the "Direct Link" URL that will be displayed after the upload is successful.</translate> <translate><!--T:95--> If you're registered on xat Images, you can view and manage all your uploaded images in the "Gallery".</translate><translate>
-<!--T:32-->
-To upload to <tvar|link1>[http://uploads.im Uploads.im], </> select the file you want to upload on the webpage, and click the green “Upload” button.
 == xat Avatars == <!--T:43-->
-</translate>
+</translate>[[File:Images-avatar.png|thumb|<translate><!--T:41--> Paste the direct link of your avatar into the box labeled "Avatar"</translate>]]<translate>
-{{img|image=https://util.xat.com/wiki/images/c/c3/Image1.png|float=right|scalable=yes|description=<translate><!--T:41-->
-Paste the direct link of your avatar into the box labeled "picture"</translate>.}}
-<translate>
 <!--T:44-->
@@ Line 87: / Line 68: @@
 <!--T:53-->
-You may also individually see them on <nowiki>http://www.xat.com/web_gear/chat/av/?.png</nowiki> where ''?'' is a number between 1 and 1758, e.g. <tvar|link1>[http://www.xat.com/web_gear/chat/av/1.png Avatar 1]. </>
+You may also individually see them on <nowiki>https://www.xat.com/web_gear/chat/av/?.png</nowiki> where ''?'' is a number between 1 and 1758, e.g. <tvar|link1>[https://www.xat.com/web_gear/chat/av/1.png Avatar 1]. </>
 === Using a Direct Link as a xat Avatar  === <!--T:33-->
@@ Line 96: / Line 77: @@
 == Uploading an image as a chat background  == <!--T:37-->
-=== Inner Background: === <!--T:39-->
+<!--T:82-->
-To edit your inner background, go to your chat, click "Edit your chat" and then "Change Background". Then, paste the Direct Link of the inner background into the "Background" box and press OK.
+To edit your backgrounds, go to the [<tvar|1>https://xat.com/chats#!editgroup</> Edit Group page], type your group's name and password, then click "login".
-=== Outer Background: === <!--T:40-->
+<!--T:83-->
-To edit the outer background, click "Edit" at the bottom right corner of the chat page. Enter your chat's password and click "Submit". Then, paste the Direct Link into the "Background" box, scroll down and press the "Save changes" button.
+For the inner background, paste the Direct Link of the inner background into the "Background" box right under "chat". For the outer background, paste the Direct Link of the outer background into the "Background" box right under "group". Once it's done, you can press "save" and then "preview" to see how it will look like without having to wait.
+<!--T:84-->
+'''Note:''' You can also use the color picker to choose a color to serve as a background.
 == Extra information == <!--T:54-->
@@ Line 111: / Line 95: @@
 *<translate><!--T:57--> '''Outer background:'''</translate> [[:File:Images-2560x1440-example.png|2560x1440]] {{ {{tt|trans/pixels}} }}
+*<translate> <!--T:92--> '''Mobile [[<tvar|1>Special:MyLanguage/Owners_Guide#mobile</>|portrait]] background:'''</translate> [[:File:Images-1080x1920-example.png|1080x1920]] {{ {{tt|trans/pixels}} }}
+*<translate> <!--T:93--> '''Mobile [[<tvar|1>Special:MyLanguage/Owners_Guide#mobile</>|landscape]] background:'''</translate> [[:File:Images-1920x1080-example.png|1920x1080]] {{ {{tt|trans/pixels}} }}
 *<translate><!--T:58--> '''Banner for [[<tvar|1>Special:MyLanguage/Promotion</>|promotion]]:'''</translate> [[:File:Images-728x90-example.png|728x90]] {{ {{tt|trans/pixels}} }}
@@ Line 119: / Line 107: @@
 *<translate><!--T:61--> '''Default [[<tvar|1>Special:MyLanguage/Avatars</>|avatar]] and 2d gif iframe:'''</translate> [[:File:Images-30x30-example.png|30x30]] {{ {{tt|trans/pixels}} }}
+*<translate><!--T:96--> '''[[<tvar|1>Special:MyLanguage/Pstyle</>|Pstyle's]] background:'''</translate> <translate><!--T:97--> There are no official dimensions, but for better sizing, use the aspect ratio [[<tvar|1>:File:Images-380x100-example.png</>|3.8:1]].</translate>