Make a transparent 448*448 image

Question

This is a simple challenge.

The task is to write code that outputs a 448*448 square image with 100% transparency. The output should follow the standard image rules.

Answer 1

Imagemagick in some shell, 35

convert -size 448x448 xc:none a.png

Is this allowed?

Answer 2

APL (Dyalog Unicode), 11 bytes^SBCS

Full program. Prints 448-by-448-by-4 array representing a 448-by-448 rgba image.

448 448 4⍴0

Try it online!

⍴ is reshape

Answer 3

Go, 70

import i"image";func a()i.Image{return i.NewRGBA(i.Rect(0,0,448,448))}

Never seen a golf in Go before. Defines a function called a that outputs the image

Answer 4

Jelly, 8 bytes

448ṁ4¬¥þ

A niladic Link which yields a 448 by 448 RGBA array of transparent black pixels.

Try it online!

How?

448ṁ4¬¥þ - Link: no arguments
448      - 448
       þ - outer-product with: -- i.e. [[f(x,y) for y in [1..448]] for x in [1..448]]
      ¥  -   last two links as a dyad:
   ṁ4    -     mould like [1,2,3,4]  -- e.g. x=7 -> [7,7,7,7]
     ¬   -     logical NOT                       -> [0,0,0,0]

Answer 5

JavaScript (ES6), 74 69 bytes

f=
(_=document.createElement`canvas`)=>_.toDataURL(_.height=_.width=448)
;document.write(f());

Returns a PNG image encoded as a data: URL suitable e.g. for setting as the src of an HTMLImageElement. Edit: Saved 3 bytes thanks to @Shaggy and a further 2 bytes thanks to @Arnauld.

Answer 6

Java 8, 23 (or 20) bytes

v->new int[448][448][4]

Returns a 3D array of 448x448x4 0s.

Try it online.

Explanation:

v->  // Method with empty unused parameter and 3D integer-array as return-type
  new int[448][448][4]
     // Create a 3D array of dimensions 448 by 448 by 4 (filled with 0s by default)

---

v->new int[448][448]

Returns a 448x448 matrix of 0s.

In Java, RGBA values can be represented by an integer. The hexadecimal 0x00000000 would represent 00 for red, green, blue, and alpha respectively. And 0x00000000 is equal to the integer 0.

Try it online.

Answer 7

Java 8

Saving the image to a file with path s, 101 bytes

s->javax.imageio.ImageIO.write(new java.awt.image.BufferedImage(448,448,2),"png",new java.io.File(s))

Try it online... somehow

Returning the BufferedImage, 46 bytes

v->new java.awt.image.BufferedImage(448,448,2)

Saving the image to the file f, 83 bytes

f->javax.imageio.ImageIO.write(new java.awt.image.BufferedImage(448,448,2),"png",f)

Dumping PNG to STDOUT, 92 bytes (thanks ASCII-only!)

v->javax.imageio.ImageIO.write(new java.awt.image.BufferedImage(448,448,2),"png",System.out)

Try it online!
Thanks to Kevin for saving a byte for the second and fourth solutions!

Answer 8

05AB1E, 12 10 9 bytes

448LDδ4Å0

Try it online.

or alternatively:

¾4Ž1ÂDиии

Try it online.

-2 bytes thanks to @Emigna.
-1 byte thanks to @Adnan.

Outputs a 448x448x4 3D list of 0s.

Explanation:

448LD      # Push a list in the range [1,448], and duplicate it
     δ     # Outer product; apply the following double-vectorized:
      4Å0  #  Push a list of 4 0s: [0,0,0,0]
           # (and output the result implicitly)

  Ž1ÂD     # Push compressed integer 448, and duplicate it
      и    # Create a list of 448 times 448
 4     и   # Transform it into a list of 448 times 448 times 4
¾       и  # Transform it into a list of 448 times 448 times 4 times 0
           # (and output the result implicitly)

See this 05AB1E answer of mine (section How to compress large integers?) to understand why Ž1Â is 448.

Answer 9

Processing, 66 bytes

PGraphics g=createGraphics(448,448);g.beginDraw();g.save("a.png");

Answer 10

Python 2.7, 17 Bytes (22 With Print)

[[[0]*4]*488]*488

With Print:

print[[[0]*4]*488]*488

As variable:

x=[[[0]*4]*488]*488

As an array of RGBA is allowed, that is what I have created above, defaulting to all 0's - meaning black, but totally transparent.

Try it online!

Answer 11

HTML, 25 bytes

Is this valid?

<svg height=448 width=448

Test it (background applied with CSS so you can "see" it)

Answer 12

C# (Visual C# Interactive Compiler), 21 bytes

_=>new int[448,448,4]

Try it online!

Answer 13

Rust - 206 201 168 bytes

use std::{io::Write,fs::File};fn main(){let mut v=vec![0,0,2,0,0,0,0,0,0,0,0,0,192,1,192,1,32,0];v.extend(vec![0u8;802816]);File::create("o.tga").unwrap().write(&v);}

This writes an actual, readable o.tga file, without any libraries or builtin functions, using the TGA binary format per http://paulbourke.net/dataformats/tga/ , by hard coding the width and height into the binary file header.

---

-5 bytes shorten filename, fix img size, @ASCII-only

Answer 14

dzaima/APL + APLP5, 18 16 bytes

{P5.img⍴∘0,⍨448}

Function that outputs an image object that can be drawn to the screen (for no effect) or converted back to pixel values.

-2 thanks to ngn!

Answer 15

C# (Visual C# Interactive Compiler), 48 bytes

_=>(Enumerable.Repeat((0,0,0,0),200704),448,448)

Apparently outputting [1D array of pixels, width, height] is ok, so this outputs a tuple of `(IEnumerable of pixels, width, height).

Try it online!

C# (Visual C# Interactive Compiler), 58 bytes

_=>Enumerable.Repeat(Enumerable.Repeat((0,0,0,0),448),448)

The original matrix returning answer.

Since the image IO rules allow output as a matrix of RGB values, this submission outputs a matrix of RGBA values, represented by tuples with four values, all being 0.

Try it online!

Answer 16

PHP, 192 bytes

Sadly, PHP kinda sucks in that aspect because it requires a whole lot of code. But then again, where doesn't PHP suck.

$i=imagecreatetruecolor(448,448);imagesavealpha($i,true);$b=imagecolorallocatealpha($i,0,0,0,127);imagefill($i,0,0,$b);imagepng($i,'i.png');header('Content-type: image/png');readfile('i.png');

Ungolfed:

$i=imagecreatetruecolor(448,448);         // Create a new image with a set width
imagesavealpha($i,true);                  // Tell PHP to save alphachannels on that image
$b=imagecolorallocatealpha($i,0,0,0,127); // set the actual transparency values
imagefill($i,0,0,$b);                     // Fill the image with the color saved above
imagepng($i,'i.png');                     // Save the file as PNG
header('Content-type: image/png');        // Set the content type for the browser
readfile('i.png');                        // Read the file and output it

Obviously, if you just want to create it without outputting it, you can omit the header() and readfile() commands. Still, it's idiotically long.

Answer 17

Python 3.7 - PIL Imported, 30 bytes

Image.new("LA",[448]*2).show()

This requires an import but has the benefit of creating and displaying an actual image file rather than an abstract empty array.

Explanation:

from PIL import Image
Image.new(    // create a new image
mode="LA"     // select LA colour mode, this is grey-scale plus an alpha channel
size=[448]*2  // size argument needs to be a 2D tuple, [448*2] is a better golf shot than (448,448)
color=0       // populates the image with the specified colour, helpfully preset to transparent
).show()      // display the image object

Image.show() will open the image in your default image program. In my case this opens a temporary bitmap file in Windows Photo Viewer but results may vary. Arguably this is cheating since the bitmap representation contains no transparency

Variations...

Image.new("LA",[448]*2)                 // 24 bytes but doesn't open image
Image.new("LA",[448]*2).show()          // 30 bytes, shows you a bitmap
Image.new("LA",[448]*2).save("x.png")   // 37 bytes, saves image to disk

Answer 18

MATLAB, 31 bytes

imwrite(nan(448),'.png','tr',1)

Creates a 448 x 448 matrix of NaN values, and then uses imwrite to save them to a PNG file named '.png' and sets the transparency to 1, making it transparent. The 'Transparency' parameter name is able to be abbreviated to 'tr' as MATLAB allows for partial string matching of parameter names as long as the shortened version is unique among available parameters.

Answer 19

Jelly, 10 9 bytes

x4Wẋ448Ɗ⁺

Try it online!

Outputs a 448x448x4 array

Thanks to @JonathanAllan for saving a byte.

Answer 20

Red, 33 bytes

a: make image![448x448 0.0.0.255]

Opacity defaults to fully opaque(0)

This is how to use it /a full program/ :

Red [ ]
a: make image! [ 448x448 0.0.0.255 ]
view [ image a ]

Answer 21

MathGolf, 10 bytes

º4♦7*_ß{.a

Try it online!

Explanation

º            push [0]
 4           push 4
  ♦7*        push 64*7=448
     _       duplicate TOS
      ß      wrap last three elements in array (stack is now [[0], [4, 448, 448]])
       {     foreach in [4, 448, 448]
        .    repeat TOS x times
         a   wrap TOS in array

This method saves 1 byte compared to the "standard" ♦7*_4º*a*a*

Answer 22

JavaScript (Node.js), 39 bytes

_=>[w=448,w,Array(w*w).fill([0,0,0,0])]

Apparently outputting [height, width, 1d array of RGBA values] is ok.

Try it online!

-3 bytes thanks to @Arnauld

Answer 23

SmileBASIC, 27 bytes

DIM A[448,448]SAVE"DAT:I",A

Saves a 2-dimensional 448x448 array filled with 0s to a file named DAT:I (Which is shorter than defining a function that returns the array, somehow)

The standard formats (used by all graphics functions) for colors in SmileBASIC are 32 bit ARGB and 16 bit 5551 RGBA, and 0 is transparent in both of them.

Answer 24

ScPL for iOS Shortcuts, 98 bytes

Text"R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
Base64Encode Decode
ResizeImage 448

Shortcut iCloud Link

Takes a 1x1 transparent gif encoded as base64 and resizes it

Answer 25

Jstx, 24 bytes

♪☺ü@/øP♦£Q)%)£Q◄úæD)%)£Q

Explanation

♪☺ü@ # Push literal 448
/    # Store the first stack value in the a register.
ø    # Push literal 0
P    # Push four copies of the first stack value.
♦    # Push literal 4
£Q   # Push stack values into a list of the size of the first stack value starting with the second stack value.
)    # Push the value contained in the a register.
%    # Push the second stack value the absolute value of the first stack value times.
)    # Push the value contained in the a register.
£Q   # Push stack values into a list of the size of the first stack value starting with the second stack value.
◄úæ  # Push literal \n
D    # Push the sum of the second and first stack values.
)    # Push the value contained in the a register.
%    # Push the second stack value the absolute value of the first stack value times.
)    # Push the value contained in the a register.
£Q   # Push stack values into a list of the size of the first stack value starting with the second stack value.

Try it online!

Answer 26

R, 21 bytes

array(0,c(448,448,4))

Try it online!

Returns a 3D-array of zeroes.

Answer 27

Japt, 9 bytes

448ÆZç4Æ0

Try it online!

Answer 28

C++, SFML, 131 bytes

#include <SFML/Graphics.hpp>
void f(){sf::Image i;i.create(448,448);i.createMaskFromColor(sf::Color::Black);i.saveToFile("a.png");}

Answer 29

JavaScript + HTML, 56 bytes

location=C.toDataURL()

<canvas id=C width=448 height=448>

Clicking "Run code snippet" will generate a 448x448 transparent PNG in an IFRAME. You may then right-click "Save image as..." to download it to your computer.