Grafik rund zuschneiden ?

Antworten
#1
30.11.2020 10:46
avatar  Mütze
#1
avatar
Mütze

Hallo,
für meine Webseiten benötige ich manchmal als Kreis zugeschnittene Bilder.
Ich benutze LibreOffice Draw und habe es damit auch schon einmal geschafft, ein eingefügtes Bild kreisförmig auszuschneiden.
Aber jetzt will es mir einfach nicht mehr gelingen, auch wenn ich die Schritt-für-Schritt Anleitungen aus dem Internet befolge.
Wie macht Ihr das ?
Danke schonmal,

FG, Mütze

 Antworten

 Beitrag melden
#2
30.11.2020 17:19
avatar  subcon
#2
avatar
subcon

Ich nutze für meine Grafiksachen fast nur mehr Canva...

In deinem Fall erstellst du dort ein eigenes Design ( beliebige Größe x beliebige Größe) und wählst dann einen Rahmen aus. Den gibt es auch in rund. Dann lädst du das gewünschte Bild hoch, schiebst es in den Rahmen und passt es an (Position, Zoom) - fertig. Den kannst du es in diversen Formaten herunterladen... Aufwand unter 2 Minuten, inklusive hochfahren vom PC...

Canva findest du hier...

Wenn du generell viele/alle Bilder auf einer Seite rund haben möchtest, kannst du es auch im CSS programmieren... Bei einzelnen Bildern empfehle ich eher Canva...


 Antworten

 Beitrag melden
#3
01.12.2020 07:38
avatar  Mütze
#3
avatar
Mütze

Danke schonmal.

Wie ich ein rechteckiges Bild mit CSS rund darstelle, hatte ich mir schon angelesen.

FG, Mütze

 Antworten

 Beitrag melden
#4
03.12.2020 14:00 (zuletzt bearbeitet: 04.12.2020 09:44)
avatar  az_
#4
avatar
az_

Für alle, die das mit CSS lösen möchten: ein beliebiges Bild wird mit border-radius: 50% rund. Garantiert und egal wie groß (...bloß Quadratisch sollte es sein - sonst wird es oval)

Beispiel: https://ihovertest.jimdofree.com/

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
#5
04.12.2020 08:55
avatar  Mütze
#5
avatar
Mütze

Danke, az.

border-radius 50 % kenne ich. In meiner Frage ging es mir wirklich um die Vorgehensweise mit LibreOffice Draw.
Trotzdem Danke für die Antwort.

FG, Mütze

 Antworten

 Beitrag melden
Antworten
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!