Me gusta hacer memes húmedos con mis propias imágenes. Pero todos los llamados sitios de "meme rápido" simplemente tienen demasiado código . Me di cuenta de que la única manera de hacer el generador de memes más húmedo es pedirles a ustedes en PPCG que jueguen uno para mí. Así que déjame contarte lo que tienes que hacer.

Especificaciones

• Tome una imagen como entrada como nombre de archivo, objeto de imagen, etc. para crear un meme.
• Luego tome dos cadenas para el texto superior y el texto inferior (sin saltos de línea).
• Renderice el texto de la imagen en tamaño 22pt Fuente blanca Impact con contorno negro de 5px (puede suponer que Impact está instalado.
• El texto debe estar centrado horizontalmente.
• Puede suponer que el texto se ajusta horizontalmente.
• Los textos respectivos deben ser de 10 píxeles desde la parte superior y 8 píxeles desde la parte inferior.
• Luego envíe la imagen guardando en un archivo, visualizando, etc.
• Este es el código de golf , por lo que gana el código más corto en bytes .

Feliz memeing

HTML / JS / CSS, 341 329 300 bytes

<input onblur=i.src=this.value><table><td><img id=i><p style=top:10px contenteditable><p style=bottom:8px contenteditable></p><style>td{position:relative}p{position:absolute;margin:0;width:100%;text-align:center;font:22px Impact;color:#fff;text-shadow:0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000}

Para usar: Primero pegue la URL de la imagen deseada en el cuadro de entrada provisto, luego tabule al texto superior y escriba el texto deseado, luego tabule al texto inferior y escriba el texto deseado.

Editar: Guardado 12 bytes gracias a @Downgoat. Se guardaron otros 29 bytes gracias a @ dev-null.

td {
  position: relative;
}
div {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  font: 22px "Impact";
  color: #fff;
  text-shadow: 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000;
}

<input onchange="i.src=this.value">
<table>
  <td>
    <img id=i>
    <div style="top: 10px;" contenteditable></div>
    <div style="bottom: 8px;" contenteditable></div>

Jalea, 141 bytes

⁴;@€“¢ÇẎȧsẊỊ>ɼẈAẋ®ŀȮĠq⁼ṫṁḢĠZỴċƊ£²ÆṗÑḊ°>oÆl{(¢ɗpḅ]µṖÑb¹ƁịṾ¦Ç\ṭO4»“1kịXḥɗ"Ụɦḷ©Ƈ&Ṭ19“£ŀ³³.Ṗ<ṂqṬỵ.ṣȦƇƈ2ƭḂXƊ»ż³;“ßƑ_!]²Rȧ⁵⁴°ṁD⁽a{⁼!z¿ıṾƇDẇḤḶṡÇẈg»;

Pruébalo en línea!

Toma argumentos de la línea de comandos como en el ejemplo y devuelve un archivo HTML. El resultado se ve así en Chrome:

bash + imagemagick + gs 690575456 440 bytes

Ver las revisiones anteriores para el código "no golfista".

#!/bin/bash
d=`identify $1|cut -d' ' -f3`
x=`echo $d|cut -d'x' -f1`
y=`echo $d|cut -d'x' -f2`
convert $1 $1.eps
gs -g"$d" -o $1.png -sDEVICE=png48 -c "
/s/showpage load def/showpage{}def($1.eps)run
matrix defaultmatrix setmatrix/Helvetica-Bold 22
selectfont/c{dup stringwidth pop neg 2 div 0 rmoveto dup 
gsave 1 setgray show grestore 0 setgray false charpath stroke}def
$x 2 div $y 42 sub moveto($2)c $x 2 div 8 moveto($3)c s"
echo :$1.png

p.ej.

./meme.sh Superman1.jpg "I AM CORNHOLIO" "Are you threatening me??!"
GPL Ghostscript 9.15 (2014-09-22)
Copyright (C) 2014 Artifex Software, Inc.  All rights reserved.
This software comes with NO WARRANTY: see the file PUBLIC for details.
Loading NimbusRomNo9L-Regu font from /usr/share/ghostscript/9.15/Resource/Font/NimbusRomNo9L-Regu... 4186304 2700982 3995248 2685490 2 done.
Loading NimbusSanL-Bold font from /usr/share/ghostscript/9.15/Resource/Font/NimbusSanL-Bold... 4203248 2760390 3833712 2536130 1 done.
:Superman1.jpg.png