Photopea.com

Merhaba !

Frontend Developer'lar olarak büyük çoğunluğumuz Adobe Photoshop'a, bir arayüzü html'e dökecek kadar hakimiz. Fakat şirketlerimizdeki bilgisayarlarda her zaman Photoshop kurulu olmayabiliyor. Örneğin benim daha önceki çalıştığım Kartaca firması Linux kullanıyordu. Şuan outsource olarak destek verdiğim Ziraat Teknoloji'nin bilgisayarlarında Photoshop yüklü değil ve yükleme ihtimalimiz yok. Peki bu durumlarda bize psd olarak gönderilmiş bir dosyayı nasıl açabiliriz yada bir resim dosyasını nasıl düzenleyebiliriz? Photopea, bu konuda imdadımıza yetişiyor.

Photopea nedir?

Photopea, tasarım olarak Adobe Photoshop'u baz alarak geliştirilmiş web tarayıcısında çalışan bir editördür (photopea.com). Responsive olarak kodlandığı için mobil, tablet yada bilgisayarda kullanılabilir fakat en iyi konfor için geniş ekran kullanılması gerekiyor.

Sitesinde sağ üst köşedeki learn linkinde geniş açıklamalarla birçok özellik anlatılmış.

Photopea ile kendi psd dosyalarınızı tarayıcı üzerinden açıp düzenleyebilirsiniz. İsterseniz sıfırdan bir belge açarak Adobe Photoshop'un birçok özelliğini barındıran bu editörde işlerinizi görebilirsiniz.

Photopea Özellikleri

Sol kısımdaki araç menüsünde ihtiyacınız olan birçok şey bulunmakta. Photoshop'ta sağ click ile gördüğümüz diğer araçlar site üzerinde hover ile görüntülenmekte.

Birçok klavye kısayolunu site üzerinden kullanabiliyorsunuz (Örneğin; bir layer'ı çiftlemek için CTRL+J yada araçları seçmek için M, C, L, W vb kısayolları kullanıbilir). Fakat mesela CTRL+T kombinasyonu çalışmıyor. Bunun için öncelikle araç çubuğunun en üstündeki Move Tool (V) seçicisini aktifleştirip, ardından menünün altında görünen transformation controls checkbox'ını seçmemiz gerekiyor.

İçerisinde birçok yazı stilini barındırıyor fakat (bildiğim kadarıyla) yazı stili ekleme ihtimalimiz yok.

Dosya Formatları

Photope üzerinde PSD (Adobe Photoshop) dosya uzantısının yanı sıra XCF (Gimp) ve Sketch (Sketch App) dosya uzantılarınıda düzenleyebilirsiniz. Bunlara ek olarak JPG, PNG ve SVG formatlarınıda desteklemekte.

API

Photopea sitesinde yine sağ üst tarafta bir API linki bulunmakta. Bu sayfada anlatılanlara göre siteye string türünde bir değere sahip p parametresini GET edebiliyoruz.

Kullanacağınız JSON nesnesinin örneğide aşağıdaki gibi olması gerekiyor.

Bu kullanacağımız JSON'ın parametrelerinide tek tek açıklanmış durumda.

Ücret

Siteyi ve API'yi kullanmak ücretsizdir. Fakat siteye premium üye olarak reklamsız kullanabilir ve photopea'nın geliştirilmesine destek olabilirsiniz.

Sosyal Ağlar

Photopea gelişmelerini takip etmek için blog, Twitter, Facebook yada GitHub hesaplarını takip edebilirsiniz. GitHub hesabında (bu makaleyi yazarken) 98 starı bulunmakta. Pull requets, issues yada star ile destekleyebilirsiniz.