#!/usr/bin/env python3 """ Google Display Ad renderer for Angle E (DB+코칭 지원) Design Concept: #49 Spikes 신뢰/보호 - Trust/protection theme Uses HTML + Playwright rendering (hybrid-image approach) """ import asyncio import os from pathlib import Path from playwright.async_api import async_playwright from PIL import Image OUTPUT_DIR = Path("/home/jay/workspace/output/google-ads/angle-E/production") OUTPUT_DIR.mkdir(parents=True, exist_ok=True) # ─── HTML templates ────────────────────────────────────────────────────────── HTML_1200x628 = """
T.O.P 사업단
혼자가 아닙니다
1:1 밀착 코칭 시스템
T.O.P 사업단 | 지금 시작하기 →
30여종
무상 DB 지원
""" HTML_1200x1200 = """
T.O.P 사업단
혼자가 아닙니다
30여종
무상 DB 지원
1:1 밀착 코칭 시스템
DB + 코칭 + 매니저 3중 지원
1:1 전담 매니저 밀착 케어
30여종 무상 DB 즉시 지원
T.O.P 사업단 | 지금 시작하기 →
""" HTML_600x500 = """
T.O.P 사업단
혼자가 아닙니다
30여종 DB
무상 지원
DB + 코칭 + 매니저 3중 지원
T.O.P 사업단 | 지금 시작하기 →
""" async def render_html_to_png(html_content: str, output_path: str, width: int, height: int): """Render HTML string to PNG using Playwright.""" async with async_playwright() as p: browser = await p.chromium.launch(args=["--no-sandbox"]) page = await browser.new_page( viewport={"width": width, "height": height}, device_scale_factor=1.0 ) await page.set_content(html_content, wait_until="networkidle") # Extra wait for Google Fonts await page.wait_for_timeout(2500) await page.screenshot(path=output_path, full_page=False, clip={ "x": 0, "y": 0, "width": width, "height": height }) await browser.close() print(f" Rendered: {output_path}") def resize_to_300x250(input_path: str, output_path: str): """Resize a 600x500 image to 300x250 using PIL high-quality Lanczos.""" img = Image.open(input_path) resized = img.resize((300, 250), Image.LANCZOS) resized.save(output_path, "PNG", optimize=True) print(f" Resized to 300x250: {output_path}") async def main(): print("=== Angle E — Display Ad Renderer ===") print("Design: #49 Spikes 신뢰/보호 (Trust/Protection)\n") # 1. 1200×628 out_1200x628 = str(OUTPUT_DIR / "display-1200x628.png") print("1. Rendering 1200×628 (landscape)...") await render_html_to_png(HTML_1200x628, out_1200x628, 1200, 628) # 2. 1200×1200 out_1200x1200 = str(OUTPUT_DIR / "display-1200x1200.png") print("2. Rendering 1200×1200 (square)...") await render_html_to_png(HTML_1200x1200, out_1200x1200, 1200, 1200) # 3. 300×250: render at 600×500, then resize tmp_600x500 = str(OUTPUT_DIR / "_tmp_600x500.png") out_300x250 = str(OUTPUT_DIR / "display-300x250.png") print("3. Rendering 600×500 (for 300×250)...") await render_html_to_png(HTML_600x500, tmp_600x500, 600, 500) print(" Resizing to 300×250...") resize_to_300x250(tmp_600x500, out_300x250) # Clean up temp file os.remove(tmp_600x500) print(f" Temp file removed.") print("\n=== All ads rendered successfully! ===") print(f"Output directory: {OUTPUT_DIR}") for f in sorted(OUTPUT_DIR.iterdir()): if f.suffix == ".png": size_kb = f.stat().st_size // 1024 print(f" {f.name}: {size_kb} KB") if __name__ == "__main__": asyncio.run(main())