ibisPaint

News

Agreement
This site properly manages your personal information as described in our Privacy Policy. Here is our Privacy Policy.
Agree and start

Tutorials

140. How to upload transparent PNG onto Twitter

We often receive questions regarding PNG files created with ibis Paint becoming opaque once they are uploaded to Twitter. In a similar manner, users have also reported that images saved as PNG files through ibis Paint will somehow be degraded in quality once they are uploaded to Twitter. This is because Twitter's server for managing PNG files uploaded through the Twitter application would convert PNG image to JPEG (degrading it, or turning it opaque as a result). Here, we would like to explain how to upload PNG (or transparent PNG) files on twitter as they are (based on Twitter as of January 2017).

Open ① the Layer window and select ② transparent background in the Background row.

Press the ① … on the Layer windowand tap on ② Save Canvas as Transparent PNG to save the image to the photo library.

For Android devices, start by launching Chrome. For iOS, launch Safari. Afterwards, access https://twitter.com and log in.

Afterwards, press the Tweet button and, from the camera button, select the image saved as transparent PNG file in the device's Photo Library to include it in your tweet.

Using the official Twitter app, you will notice that the background color for the image changes before and after zooming into the image.
※If you upload a PNG file (or transparent PNG) directly using the official Twitter app, in most cases, the PNG image will be converted into a JPEG image after 10 or so minutes after posting it. However, if the image stays transparent even after 20 minutes, then it's a success.
※If you would like to upload a transparent PNG file onto LINE that is chat app, select transparent PNG, and turn on "Send as Original Size" before sending the image. This way, you can send a transparent PNG file to your friend (based on the version of LINE as of January 2017).

Chapter

  1. 01.
    Introduction
  2. 02.
    Start Creating an Artwork
  3. 03.
    Toolbar and Tool Selection
  4. 04.
    Do Your Draft Sketch by Hand
  5. 05.
    About Layers
  6. 06.
    Let's Trace
  7. 07.
    Undo and Eraser
  8. 08.
    Fine Tuning Using the Lasso tool
  9. 09.
    Check by Reflecting Horizontally
  10. 10.
    Select Colors in the Color window
  11. 11.
    Use Color Fill for the Undercoat
  12. 12.
    Turn Clipping On
  13. 13.
    Making a Gradation (Shading)
  14. 14.
    Quick Eyedropper Function
  15. 15.
    Create Highlights and Shadows
  16. 16.
    Paste a Texture
  17. 17.
    Let's Merge Layers
  18. 18.
    Sign Your Artwork
  19. 19.
    View Your Artwork
  20. 20.
    Post Your Artwork
  21. 21.
    Share Your Artwork
  22. 22.
    Prime Membership / Remove Ads Add-on
  23. 23.
    Rearrange artworks
  24. 24.
    Make custom brush
  25. 25.
    Brush Export and Import
  26. 26.
    Add Color to the Analog Image using Multiply
  27. 27.
    Open your ibisPaint data in Clip Studio Paint
  28. 28.
    Stabilizer
  29. 29.
    Layer: Clipping is convenient
  30. 30.
    Layer: Changing the color with Alpha Lock
  31. 31.
    Layer: Let's try using Screen Tone
  32. 32.
    Layer: Selection Layer
  33. 33.
    Layer: Save Layer as Transparent PNG command
  34. 34.
    Layer: Naming your layers to manage them
  35. 35.
    Layer: Rasterize
  36. 36.
    Layer: Layer Folders
  37. 37.
    Layer: Add Layer from Canvas
  38. 38.
    Save canvas as Transparent PNG
  39. 39.
    Make the background transparent with Eraser Bucket
  40. 40.
    Putting texture to the floor with Perspective Form
  41. 41.
    Skirt with Mesh Form
  42. 42.
    Entering text with Text tool
  43. 43.
    Creating manga with Frame Divider tool
  44. 44.
    Enlarging the canvas with Canvas Size
  45. 45.
    Cutting off the canvas with Trim
  46. 46.
    Canvas creation with resolution (dpi) specification
  47. 47.
    Changing image resolution with Resize
  48. 48.
    Texture with Material tool
  49. 49.
    Cut, Copy, Paste
  50. 50.
    Ruler: Straight Ruler
  51. 51.
    Ruler: Circular Ruler
  52. 52.
    Ruler: Elliptical Ruler
  53. 53.
    Ruler: Radial Ruler
  54. 54.
    Ruler: Mirror Ruler
  55. 55.
    Ruler: Kaleidoscope Ruler
  56. 56.
    Ruler: Array Ruler
  57. 57.
    Ruler: Perspective Array Ruler
  58. 58.
    Drawing Tool: Straight Line
  59. 59.
    Drawing Tool: Rectangle
  60. 60.
    Drawing Tool:Circle
  61. 61.
    Drawing Tool:Ellipse
  62. 62.
    Drawing Tool:Regular Polygon
  63. 63.
    Drawing Tool:Bezier Curve
  64. 64.
    Drawing Tool:Polyline
  65. 65.
    Drawing Tool:Fill
  66. 66.
    Special: Liquify Pen
  67. 67.
    Special: Lasso Fill
  68. 68.
    Special: Lasso Eraser
  69. 69.
    Special: Copy Pen
  70. 70.
    Filter: Brightness & Contrast
  71. 71.
    Filter: Tone Curve
  72. 72.
    Filter: Hue Saturation Lightness
  73. 73.
    Filter: Color Balance
  74. 74.
    Filter: Extract Drawing
  75. 75.
    Filter: Edge Detection
  76. 76.
    Filter: Change Drawing Color
  77. 77.
    Filter: Mono Color
  78. 78.
    Filter: Gray Scale
  79. 79.
    Filter: Black & White
  80. 80.
    Filter: Posterize
  81. 81.
    Filter: Gradation Map
  82. 82.
    Filter: Gaussian Blur
  83. 83.
    Filter: Zooming Blur
  84. 84.
    Filter: Moving Blur
  85. 85.
    Filter: Lens Blur
  86. 86.
    Filter: Mosaic
  87. 87.
    Filter:Unsharp Mask
  88. 88.
    Filter:Frosted Glass
  89. 89.
    Filter: Stroke (Both)
  90. 90.
    Filter: Stained Glass
  91. 91.
    Filter: Wet Edge
  92. 92.
    Filter: Glow (Inner)
  93. 93.
    Filter:Bevel
  94. 94.
    Filter: Emboss
  95. 95.
    Filter: Relief
  96. 96.
    Filter: Waterdrop (Rounded)
  97. 97.
    Filter: Stroke (Outer)
  98. 98.
    Filter: Glow (Outer)
  99. 99.
    Filter: Drop Shadow
  100. 100.
    Filter: Extrude
  101. 101.
    Filter: Parallel Gradation
  102. 102.
    Filter: Concentric Gradation
  103. 103.
    Filter: Radial Line Gradation
  104. 104.
    Filter: Radial Line
  105. 105.
    Filter: Speed Line
  106. 106.
    Filter: Clouds
  107. 107.
    Filter: QR Code
  108. 108.
    Filter: Auto Paint
  109. 109.
    Filter: Anime Background
  110. 110.
    Filter: Manga Background
  111. 111.
    Filter: Channel Shift (Color Shift, RGB Shift)
  112. 112.
    Filter:Glitch
  113. 113.
    Filter:Noise
  114. 114.
    Filter: Chrome
  115. 115.
    Filter:Sheer
  116. 116.
    Filter: Pixelate Crystalize
  117. 117.
    Filter: Hexagonal Pixelate
  118. 118.
    Filter: Square Pixelate
  119. 119.
    Filter: Triangular Pixelate
  120. 120.
    Filter: Pointillize
  121. 121.
    Filter: Dots (Hexagonal)
  122. 122.
    Filter: Dots (Square)
  123. 123.
    Filter: Expansion
  124. 124.
    Filter: Fisheye Lens
  125. 125.
    Filter: Sphere Lens
  126. 126.
    Filter:Wave
  127. 127.
    Filter: Ripple
  128. 128.
    Filter: Twirl
  129. 129.
    Filter: Polar Coordinates
  130. 130.
    Filter: Table
  131. 131.
    Filter: Blur Frame
  132. 132.
    Switching devices / transferring data (with Dropbox)
  133. 133.
    Switching devices / transferring data (with SD card on Android)
  134. 134.
    Switching devices / transferring data (with PC on iOS)
  135. 135.
    Model change / Transfer (Backup settings)
  136. 136.
    Settings window details
  137. 137.
    Details of Brush Parameters
  138. 138.
    Bucket tool details
  139. 139.
    Blend mode details
  140. 140.
    How to upload transparent PNG onto Twitter
  141. 141.
    How to export Photoshop file (PSD)
  142. 142.
    How To Draw Manga (Monochrome two-tone printing)
  143. 143.
    Notes About Tracing