The source code behind dummyimage.com of Hacker News fame.
kingkool68 / dummyimage Goto Github PK
View Code? Open in Web Editor NEWSource code behind https://dummyimage.com
Home Page: https://dummyimage.com
Source code behind https://dummyimage.com
Home Page: https://dummyimage.com
The source code behind dummyimage.com of Hacker News fame.
Hi!
I'm building a page with rounded corners on pictures.
I haven't got the pictures yet, so I'm coding a sample image using your image generator to wireframe the site on HTML.
I suggest adding rounded corners on dummy picture instead of using CSS for rounding corners of <img>
container.
Best wishes! π
Dear Russell,
Whatβs the proper way to get transparent placeholder of a known size (e.g. 100Γ10) w/o inscriptions?
How to get this text on dummyimage.com
dummy+dummy=2dummy
As title, http://dummyimage.com/size cannot works.
I am trying to configure the nginx server to implement the nginx.conf. Can you please elaborate the steps in the Readme please?
Hi, I know that this is more to the lib-related issues. But I can't find other contacts.
website https://dummyimage.com/ has started to use CloudFlare and is using image conversion to other formats (webP and avif)
But this is bad. You can't download any jpg image, because all of them are converted to webp. And the whole point for this website is lost.
The https://dummyimage.com/7680x4320.jpg responds with:
Too big of an image!
I've copied the code from GitHub exactly as indicated, created a directory where it resides, have the .htaccess file in there, check for mod_rewrite (which it is), checked for GD, pear, pecl, and whatever else was requested.
And yet...I get this:
Not Found
The requested URL /600x400/000/fff&text=text was not found on this server.
Sure, it works if I do the domain.com/code.php... part; but, the rest of the site still doesn't appear to be working. I am using Apache 2.4, CentOS 7.9 (patched), and am fully checked up with all updates.
Any ideas?
Great job!
Could you please make multi-line text possible
dummyimage.com 404
I've been using this to generate a daily hashtag, and a few days ago it stopped working properly.
My format looks like this:
https://dummyimage.com/256x256/332f35/ffffff.png&text=%23movie
Now on generated images it's writing the text as the resolution, as seen below:
After a bit of testing, I've found that it's the #
symbol that's breaking it. Changing the request to
https://dummyimage.com/256x256/332f35/ffffff.png&text=movie
properly outputs the text "movie".
I've tried using just #
instead of the url encoded version, but that too returns the resolution.
It seems to break any time there's a url encoded symbol. Sometimes the symbols work when not encoded, such as $movie
, but %24movie
still breaks it, as does #movie
Handling keyword image sizes like skyscraper
(120x600) and hd1080
(1920x1080) is currently handled by rewrite rules. These work ok for Apache .htaccess
rules but getting these to work with nginx conf files is harder. We could simplify things by including this logic within PHP. This should also fix the weird issues like #30 which renders the hd1080
size at 1080x1080.
The ratio option does not work, (possibly because of the colon in the URL causing confusion?)
This is a feature request, selecting a google font for the text would be awesome!
I tried adding \n
but it not working
I'll need to query Cloudflare to receive traffic stats. These links might help:
So we migrated from Apache to nginx and the nginx.conf file seems to be ignored completely. It works if URL parameters are sent directly to code.php, but not if the URL does not include "/code.php?...."
Using the qvga short code for an image will result in the site responding with "Too small of an image!" while the dimensions it should have (320x240) work perfectly fine.
I would like if I can use multiple color to make a gradient
It would be nice to have this available as a cli command, installable via composer.
Why not just put all generated images to the cloud? And after requesting them redirect to cloud?
Everytime I write fff
in any of the color pickers, it resolves that hexa as 0011ff
, which I believe is not correct, since fff
is the short hand for ffffff
. Maybe this could be solved just as 000
is 000000
.
When using sites like Flat UI Colors will there be the issue that copying a colour results in the value having the #
symbol added to it.
Pasting said value into any of the input fields will then result in the site misunderstanding the provided colour value, as the very last character isn't pasted (i.e. #2980b9
becomes #02980b
with the #
removed)
The site should imo accept values with the #
and just remove it from the result or in the text input itself.
Would it be possible to add a grid (with numbers) to the files generated? I.e. for a file of 300 pixels tall
0---------------
100px----------
200px----------
300px----------
and the same for vertical lines.
When using hd1080
is the returned image in the dimensions 1080x1080 and not 1920x1080 as mentioned on the website.
This should be corrected.
It would be cool to be able to specify a transparency for the background and text color. This could work using 8-digit hex color codes that include values about the alpha transparency of the color. See https://www.quackit.com/css/color/values/css_hex_color_notation_8_digits.cfm#:~:text=Eight%2Ddigit%20hex%20notation%20consists,alpha%20chanel%20of%20the%20color.&text=The%20RR%20represents%20the%20red,GG%20represents%20the%20green%20component.
PHP has a function called imagecolorallocatealpha()
for specifying RGB colors with an alpha value.
Related #21
Hello,
First thanks for this tool, I find it very useful to test the display of images in UI components. I have a small suggestion/improvement request:
Normally I save the image by dragging it out of the browser to a folder and every time I do this the image name is the 'Foreground Color'. Because I'm creating a lot of test images with different sizes I need to either change the name every time or change the foreground color otherwise windows will display the "File with same name already exists" popup message all the time.
My suggestion is that the name of the image should include more parameters like this:
600x400_000_fff.png
Thanks
We use dummyimage in our company for a while nicely and we would like to thank you for that. But ;) β¦ we would be very pleased, if dummyimage supports also the new image format webp.
Greetings from Dresden@Germany
A declarative, efficient, and flexible JavaScript library for building user interfaces.
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. πππ
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google β€οΈ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.